body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{height:100%;width:100%}input::-ms-clear,input::-ms-reveal{display:none}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:sans-serif;line-height:1.15}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:initial;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{font-weight:500;margin-bottom:.5em;margin-top:0}p{margin-bottom:1em;margin-top:0}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted}address{font-style:normal;line-height:inherit;margin-bottom:1em}input[type=number],input[type=password],input[type=text],textarea{-webkit-appearance:none}dl,ol,ul{margin-bottom:1em;margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}code,kbd,pre,samp{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:1em}pre{margin-bottom:1em;margin-top:0;overflow:auto}figure{margin:0 0 1em}img{border-style:none;vertical-align:middle}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{caption-side:bottom;padding-bottom:.3em;padding-top:.75em;text-align:left}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{color:inherit;display:block;font-size:1.5em;line-height:inherit;margin-bottom:.5em;max-width:100%;padding:0;white-space:normal;width:100%}progress{vertical-align:initial}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:none;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{background-color:#feffe6;padding:.2em}:root,[data-theme=light]{--color-primary:#3b82f6;--color-primary-light:#60a5fa;--color-primary-dark:#1d4ed8;--color-secondary:#8b5cf6;--color-accent:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#06b6d4;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-sidebar:#fff;--bg-card:#fff;--bg-overlay:#0006;--bg-hover:#0000001a;--bg-input:#f3f4f6;--text-primary:#1f2937;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--text-inverse:#fff;--border-color:#e5e7eb;--border-color-light:#f3f4f6;--sidebar-bg:linear-gradient(180deg,#1f2937,#374151);--sidebar-text:#ffffffe6;--sidebar-text-hover:#fff;--sidebar-item-bg-hover:#ffffff1a;--sidebar-item-bg-active:#3b82f6e6}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-sidebar:#0f172a;--bg-card:#1e293b;--bg-overlay:#000000b3;--bg-hover:#ffffff1a;--bg-input:#374151;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#64748b;--text-inverse:#0f172a;--border-color:#334155;--border-color-light:#475569;--sidebar-bg:linear-gradient(180deg,#0f172a,#1e293b);--sidebar-text:#f8fafce6;--sidebar-text-hover:#f8fafc;--sidebar-item-bg-hover:#f8fafc1a;--sidebar-item-bg-active:#60a5fae6}:root{--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:0.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--transition-fast:0.15s ease-out;--transition-normal:0.25s ease-out;--transition-slow:0.35s ease-out;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal:1050;--z-notification:1060}[data-theme=dark]{--shadow-sm:0 1px 3px 0 #0006,0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -2px #0000004d;--shadow-xl:0 20px 25px -5px #0006,0 10px 10px -5px #0000004d;--shadow-2xl:0 25px 50px -12px #0009}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;background:var(--bg-secondary);color:#1f2937;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.6;margin:0;padding:0;transition:background-color .25s ease-out,color .25s ease-out;transition:background-color var(--transition-normal),color var(--transition-normal)}*{box-sizing:border-box}.app-layout{background:#f8fafc!important;background:var(--bg-secondary)!important;min-height:100vh;transition:background-color .25s ease-out;transition:background-color var(--transition-normal)}.modern-sidebar{background:linear-gradient(180deg,#1f2937,#374151)!important;background:var(--sidebar-bg)!important;border-right:1px solid #e5e7eb!important;border-right:1px solid var(--border-color)!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);overflow:hidden!important}.modern-sidebar,.sidebar-logo{transition:all .25s ease-out;transition:all var(--transition-normal)}.sidebar-logo{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;color:var(--text-inverse);display:flex;font-size:16px;font-weight:700;height:64px;justify-content:center;letter-spacing:.5px;margin:1rem;margin:var(--spacing-lg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-logo:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.sidebar-user-info{background:#ffffff14;border:1px solid #ffffff1a;border-radius:1rem;border-radius:var(--radius-xl);margin:0 1rem 1rem;margin:0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);overflow:hidden;padding:1rem;padding:var(--spacing-lg);transition:all .25s ease-out;transition:all var(--transition-normal)}.user-avatar{background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%)!important;flex-shrink:0}.user-name{display:block!important;font-size:14px!important;font-weight:600!important}.user-name,.user-role{color:#ffffffe6!important;color:var(--sidebar-text)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{font-size:12px!important;opacity:.8}.modern-header{align-items:center;background:#fff!important;background:var(--bg-card)!important;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);display:flex;height:72px!important;justify-content:space-between;padding:0 1.5rem!important;padding:0 var(--spacing-xl)!important;position:-webkit-sticky;position:sticky;top:0;transition:all .25s ease-out;transition:all var(--transition-normal);z-index:1020;z-index:var(--z-sticky)}.header-left{gap:1.5rem;gap:var(--spacing-xl);min-width:0}.header-actions{flex-shrink:0}.header-actions,.header-actions .ant-space{gap:1rem!important;gap:var(--spacing-lg)!important}.header-actions .ant-space-item{margin-right:1rem!important;margin-right:var(--spacing-lg)!important}.header-actions .ant-space-item:last-child{margin-right:0!important}.menu-toggle-btn{align-items:center!important;background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%)!important;border:none!important;border-radius:.75rem!important;border-radius:var(--radius-lg)!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important;box-shadow:var(--shadow-md)!important;color:#fff!important;display:flex!important;flex-shrink:0!important;font-size:18px!important;height:48px!important;justify-content:center!important;transition:all .25s ease-out!important;transition:all var(--transition-normal)!important;width:48px!important}.menu-toggle-btn:focus,.menu-toggle-btn:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6)!important;background:linear-gradient(135deg,var(--color-primary-light) 0,var(--color-primary) 100%)!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important;box-shadow:var(--shadow-lg)!important;color:#fff!important;transform:translateY(-2px)!important}.header-search{flex:1 1;max-width:400px;min-width:200px;position:relative}.search-input{background:#fff!important;background:var(--bg-card)!important;border:2px solid #e5e7eb!important;border:2px solid var(--border-color)!important;border-radius:24px!important;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f!important;box-shadow:var(--shadow-sm)!important;color:#1f2937!important;color:var(--text-primary)!important;font-weight:500!important;height:44px!important;transition:all .25s ease-out!important;transition:all var(--transition-normal)!important;width:100%!important}.search-input:hover{box-shadow:0 0 0 3px #3b82f61a!important}.search-input:focus,.search-input:focus-within,.search-input:hover{border-color:#3b82f6!important;border-color:var(--color-primary)!important}.search-input:focus,.search-input:focus-within{box-shadow:0 0 0 4px #3b82f626!important}.search-input .ant-input{background:#0000!important;border:none!important;color:#1f2937!important;color:var(--text-primary)!important;font-size:14px!important;font-weight:500!important;height:40px!important;line-height:40px!important}.search-input .ant-input::placeholder{color:#9ca3af!important;color:var(--text-tertiary)!important}.search-input .anticon{color:#6b7280!important;color:var(--text-secondary)!important;font-size:16px!important}.notification-btn,.theme-toggle-btn{align-items:center!important;background:#fff!important;background:var(--bg-card)!important;border:2px solid #e5e7eb!important;border:2px solid var(--border-color)!important;border-radius:.75rem!important;border-radius:var(--radius-lg)!important;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f!important;box-shadow:var(--shadow-sm)!important;color:#1f2937!important;color:var(--text-primary)!important;display:flex!important;flex-shrink:0!important;font-size:18px!important;height:44px!important;justify-content:center!important;padding:0!important;transition:all .25s ease-out!important;transition:all var(--transition-normal)!important;width:44px!important}.notification-btn:focus,.notification-btn:hover,.theme-toggle-btn:focus,.theme-toggle-btn:hover{background:#fff!important;background:var(--bg-card)!important;border-color:#3b82f6!important;border-color:var(--color-primary)!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important;box-shadow:var(--shadow-md)!important;color:#3b82f6!important;color:var(--color-primary)!important;transform:translateY(-1px)!important}.notification-badge .ant-badge-count{background:#ef4444!important;background:var(--color-error)!important;border:2px solid #fff!important;border:2px solid var(--bg-card)!important;border-radius:10px!important;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f!important;box-shadow:var(--shadow-sm)!important;color:#fff!important;font-size:12px!important;font-weight:600!important;height:20px!important;line-height:1!important;min-width:20px!important;padding:0 6px!important}.user-profile-btn{align-items:center;background:#fff;background:var(--bg-card);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:24px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-shrink:0;gap:.75rem;gap:var(--spacing-md);height:44px;min-width:0;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .25s ease-out;transition:all var(--transition-normal)}.user-profile-btn:hover{border-color:#3b82f6;border-color:var(--color-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.header-avatar{background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%)!important;border:2px solid #fff!important;border:2px solid var(--bg-card)!important;flex-shrink:0}.user-info{align-items:flex-start;display:flex;flex-direction:column;min-width:0;overflow:hidden}.username{color:#1f2937!important;color:var(--text-primary)!important;font-size:14px!important;font-weight:600!important}.user-role-text,.username{line-height:1.2!important;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role-text{color:#6b7280!important;color:var(--text-secondary)!important;font-size:12px!important;margin-top:2px!important}.user-dropdown .ant-dropdown-menu{background:#fff!important;background:var(--bg-card)!important;border:1px solid #e5e7eb!important;border:1px solid var(--border-color)!important;border-radius:1rem!important;border-radius:var(--radius-xl)!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important;box-shadow:var(--shadow-xl)!important;min-width:220px!important;padding:.5rem!important;padding:var(--spacing-sm)!important}.user-dropdown .ant-dropdown-menu-item{border-radius:.5rem!important;border-radius:var(--radius-md)!important;color:#1f2937!important;color:var(--text-primary)!important;margin:2px 0!important;padding:.75rem 1rem!important;padding:var(--spacing-md) var(--spacing-lg)!important;transition:all .15s ease-out!important;transition:all var(--transition-fast)!important}.user-dropdown .ant-dropdown-menu-item:hover{background:#f8fafc!important;background:var(--bg-secondary)!important;color:#3b82f6!important;color:var(--color-primary)!important}.user-dropdown .ant-dropdown-menu-item-divider{background:#e5e7eb!important;background:var(--border-color)!important;margin:.5rem 0!important;margin:var(--spacing-sm) 0!important}.main-content{background:#0000!important;margin:1.5rem!important;margin:var(--spacing-xl)!important;min-height:calc(100vh - 120px)!important}.ant-menu-dark{background:#0000!important;border-right:none!important;padding:0 .75rem!important;padding:0 var(--spacing-md)!important}.ant-menu-dark .ant-menu-item{border-radius:.5rem!important;border-radius:var(--radius-md)!important;height:44px!important;line-height:44px!important;margin:4px 0!important;overflow:hidden!important;padding:0 1rem!important;padding:0 var(--spacing-lg)!important;position:relative!important;transition:all .25s ease-out!important;transition:all var(--transition-normal)!important}.ant-menu-dark .ant-menu-item:hover{background:#ffffff1a!important;background:var(--sidebar-item-bg-hover)!important;transform:translateX(4px)!important}.ant-menu-dark .ant-menu-item-selected{background:#3b82f6e6!important;background:var(--sidebar-item-bg-active)!important;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f!important;box-shadow:var(--shadow-sm)!important;transform:translateX(4px)!important}.ant-menu-dark .ant-menu-item-selected:after{display:none!important}.ant-menu-item a{align-items:center!important;color:#ffffffe6!important;color:var(--sidebar-text)!important;display:flex!important;font-weight:500!important;gap:.75rem!important;gap:var(--spacing-md)!important;height:100%!important;overflow:hidden!important;text-decoration:none!important;text-overflow:ellipsis!important;transition:color .25s ease-out!important;transition:color var(--transition-normal)!important;white-space:nowrap!important}.ant-menu-item-selected a{color:#fff!important;color:var(--text-inverse)!important;font-weight:600!important}.ant-menu-item .anticon{flex-shrink:0!important;font-size:16px!important}.ant-card{background:#fff!important;background:var(--bg-card)!important;border:1px solid #e5e7eb!important;border:1px solid var(--border-color)!important;border-radius:1rem!important;border-radius:var(--radius-xl)!important;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f!important;box-shadow:var(--shadow-sm)!important;transition:all .25s ease-out!important;transition:all var(--transition-normal)!important}.ant-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important;box-shadow:var(--shadow-lg)!important;transform:translateY(-2px)!important}.ant-card-head{background:linear-gradient(135deg,#f8fafc,#fff)!important;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-card) 100%)!important;border-bottom:1px solid #e5e7eb!important;border-bottom:1px solid var(--border-color)!important;border-radius:1rem 1rem 0 0!important;border-radius:var(--radius-xl) var(--radius-xl) 0 0!important}.ant-card-head-title{font-weight:600!important}.ant-card-body,.ant-card-head-title{color:#1f2937!important;color:var(--text-primary)!important}.ant-table{background:#0000!important;border-radius:.75rem!important;border-radius:var(--radius-lg)!important}.ant-table-thead>tr>th{background:linear-gradient(135deg,#f8fafc,#fff)!important;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-card) 100%)!important;border-bottom:2px solid #e5e7eb!important;border-bottom:2px solid var(--border-color)!important;font-weight:600!important}.ant-table-tbody>tr>td,.ant-table-thead>tr>th{color:#1f2937!important;color:var(--text-primary)!important}.ant-table-tbody>tr>td{border-bottom:1px solid #f3f4f6!important;border-bottom:1px solid var(--border-color-light)!important}.ant-table-tbody>tr:hover>td{background:#f8fafc!important;background:var(--bg-secondary)!important}.theme-table .ant-table-cell-fix-left,.theme-table .ant-table-cell-fix-right,.theme-table .ant-table-tbody>tr>td.ant-table-cell-fix-left,.theme-table .ant-table-tbody>tr>td.ant-table-cell-fix-right{background:#fff!important;background:var(--bg-card)!important;color:#1f2937!important;color:var(--text-primary)!important}.theme-table .ant-table-tbody>tr:hover>td.ant-table-cell-fix-left,.theme-table .ant-table-tbody>tr:hover>td.ant-table-cell-fix-right{background:#f8fafc!important;background:var(--bg-secondary)!important}.bandwidth-action-btn,.bandwidth-action-btn:active,.bandwidth-action-btn:focus,.bandwidth-action-btn:hover{background:#0000!important;box-shadow:none!important}.bandwidth-action-view,.bandwidth-action-view:active,.bandwidth-action-view:focus,.bandwidth-action-view:hover{border-color:#91d5ff!important;color:#1890ff!important}.bandwidth-action-delete,.bandwidth-action-delete:active,.bandwidth-action-delete:focus,.bandwidth-action-delete:hover{border-color:#ffccc7!important;color:#ff4d4f!important}.ant-btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%)!important;border:none!important;border-radius:.5rem!important;border-radius:var(--radius-md)!important;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f!important;box-shadow:var(--shadow-sm)!important;color:#fff!important;font-weight:500!important;transition:all .25s ease-out!important;transition:all var(--transition-normal)!important}.ant-btn-primary:focus,.ant-btn-primary:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6)!important;background:linear-gradient(135deg,var(--color-primary-light) 0,var(--color-primary) 100%)!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important;box-shadow:var(--shadow-md)!important;color:#fff!important;transform:translateY(-1px)!important}.ant-btn-default{background:#fff!important;background:var(--bg-card)!important;border:1px solid #e5e7eb!important;border:1px solid var(--border-color)!important;border-radius:.5rem!important;border-radius:var(--radius-md)!important;color:#1f2937!important;color:var(--text-primary)!important;font-weight:500!important;transition:all .25s ease-out!important;transition:all var(--transition-normal)!important}.ant-btn-default:focus,.ant-btn-default:hover{background:#fff!important;background:var(--bg-card)!important;border-color:#3b82f6!important;border-color:var(--color-primary)!important;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f!important;box-shadow:var(--shadow-sm)!important;color:#3b82f6!important;color:var(--color-primary)!important}.ant-input,.ant-input-number,.ant-picker,.ant-select-selector{background:#fff!important;background:var(--bg-card)!important;border:1px solid #e5e7eb!important;border:1px solid var(--border-color)!important;border-radius:.5rem!important;border-radius:var(--radius-md)!important;color:#1f2937!important;color:var(--text-primary)!important;transition:all .25s ease-out!important;transition:all var(--transition-normal)!important}.ant-input-number:hover,.ant-input:hover,.ant-picker:hover,.ant-select-selector:hover{border-color:#3b82f6!important;border-color:var(--color-primary)!important}.ant-input-number-focused,.ant-input:focus,.ant-picker-focused,.ant-select-focused .ant-select-selector{border-color:#3b82f6!important;border-color:var(--color-primary)!important;box-shadow:0 0 0 3px #3b82f61a!important}.ant-input::placeholder,.ant-select-selection-placeholder{color:#9ca3af!important;color:var(--text-tertiary)!important}.ant-modal-content{background:#fff!important;background:var(--bg-card)!important;border-radius:1rem!important;border-radius:var(--radius-xl)!important;box-shadow:0 25px 50px -12px #00000040!important;box-shadow:var(--shadow-2xl)!important}.ant-modal-header{background:linear-gradient(135deg,#f8fafc,#fff)!important;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-card) 100%)!important;border-bottom:1px solid #e5e7eb!important;border-bottom:1px solid var(--border-color)!important;border-radius:1rem 1rem 0 0!important;border-radius:var(--radius-xl) var(--radius-xl) 0 0!important}.ant-modal-title{font-weight:600!important}.ant-modal-body,.ant-modal-title,.ant-typography,.ant-typography div,.ant-typography h1,.ant-typography h2,.ant-typography h3,.ant-typography h4,.ant-typography h5,.ant-typography h6,.ant-typography p,.ant-typography span{color:#1f2937!important;color:var(--text-primary)!important}.ant-layout,.ant-layout-content{background:#f8fafc!important;background:var(--bg-secondary)!important}.ant-dropdown,.ant-dropdown-menu,.ant-picker-dropdown,.ant-select-dropdown{background:#fff!important;background:var(--bg-card)!important;border-color:#e5e7eb!important;border-color:var(--border-color)!important}.ant-dropdown-menu-item,.ant-select-item{color:#1f2937!important;color:var(--text-primary)!important}.ant-dropdown-menu-item:hover,.ant-select-item:hover{background:#f8fafc!important;background:var(--bg-secondary)!important}.transparent-header.ant-layout-header{backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;background:#ffffffbf!important;border-bottom:1px solid #0000000f!important;box-shadow:0 4px 12px #0000000d,0 2px 8px #00000008!important;height:64px!important;left:280px!important;padding:0 24px!important;position:fixed!important;right:0!important;top:0!important;transition:all .3s cubic-bezier(.175,.885,.32,1.275)!important;z-index:1000!important}[data-theme=dark] .transparent-header.ant-layout-header{background:#141414cc!important;border-bottom:1px solid #ffffff14!important;box-shadow:0 4px 12px #0000004d,0 2px 8px #0003!important}.app-layout .ant-layout-sider-collapsed+.ant-layout .transparent-header{left:80px!important}.transparent-header{align-items:center!important;display:flex!important;justify-content:space-between!important}.header-left{flex:1 1;gap:20px}.header-actions,.header-left{align-items:center;display:flex}.header-actions{gap:12px}.transparent-btn.ant-btn{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#ffffff1a!important;border:1px solid #fff3!important;border-radius:8px!important;color:#1f2937!important;color:var(--text-primary)!important;transition:all .3s cubic-bezier(.175,.885,.32,1.275)!important}.transparent-btn.ant-btn:hover{background:#fff3!important;border-color:#ffffff4d!important;transform:translateY(-1px)!important}[data-theme=dark] .transparent-btn.ant-btn{background:#ffffff0d!important;border:1px solid #ffffff1a!important}[data-theme=dark] .transparent-btn.ant-btn:hover{background:#ffffff1a!important;border-color:#fff3!important}.menu-toggle-btn.ant-btn{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#ffffff26!important;border:1px solid #ffffff40!important;border-radius:12px!important;color:#1f2937!important;color:var(--text-primary)!important;height:48px!important;transition:all .3s cubic-bezier(.175,.885,.32,1.275)!important;width:48px!important}.menu-toggle-btn.ant-btn:hover{background:#1890ff26!important;border-color:#1890ff4d!important;color:#3b82f6!important;color:var(--color-primary)!important;transform:translateY(-2px) scale(1.05)!important}[data-theme=dark] .menu-toggle-btn.ant-btn{background:#ffffff14!important;border:1px solid #ffffff26!important}.transparent-input.ant-input{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#ffffff26!important;border:1px solid #ffffff40!important;border-radius:12px!important;color:#1f2937!important;color:var(--text-primary)!important;transition:all .3s cubic-bezier(.175,.885,.32,1.275)!important}.transparent-input.ant-input:focus,.transparent-input.ant-input:hover{background:#ffffff40!important;border-color:#1890ff80!important;box-shadow:0 0 0 2px #1890ff33!important;transform:translateY(-1px)!important}.transparent-input.ant-input::placeholder{color:#00000080!important}[data-theme=dark] .transparent-input.ant-input{background:#ffffff14!important;border:1px solid #ffffff26!important}[data-theme=dark] .transparent-input.ant-input:focus,[data-theme=dark] .transparent-input.ant-input:hover{background:#ffffff1f!important;border-color:#1890ff80!important}[data-theme=dark] .transparent-input.ant-input::placeholder{color:#ffffff80!important}.transparent-input .ant-input-prefix{color:#6b7280!important;color:var(--text-secondary)!important}.transparent-profile.user-profile-btn{align-items:center!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#ffffff1a!important;border:1px solid #fff3!important;border-radius:12px!important;cursor:pointer!important;display:flex!important;gap:10px!important;padding:6px 12px!important;transition:all .3s cubic-bezier(.175,.885,.32,1.275)!important}.transparent-profile.user-profile-btn:hover{background:#fff3!important;border-color:#ffffff4d!important;transform:translateY(-1px)!important}[data-theme=dark] .transparent-profile.user-profile-btn{background:#ffffff0d!important;border:1px solid #ffffff1a!important}[data-theme=dark] .transparent-profile.user-profile-btn:hover{background:#ffffff1a!important;border-color:#fff3!important}.transparent-profile .user-info .username{color:#1f2937!important;color:var(--text-primary)!important;font-weight:600!important}.transparent-profile .user-info .user-role-text{color:#6b7280!important;color:var(--text-secondary)!important;font-size:12px!important}.notification-badge .ant-badge-count{background:linear-gradient(135deg,#ff4d4f,#ff7875)!important;border:2px solid #ffffff4d!important;box-shadow:0 2px 8px #ff4d4f4d!important}.main-content{min-height:calc(100vh - 80px)!important;padding-top:80px!important}@media (max-width:768px){.modern-sidebar{background:#001529!important;bottom:0!important;box-shadow:2px 0 8px #00000026!important;left:-100%!important;position:fixed!important;top:0!important;transform:translateX(0)!important;transition:left .3s ease!important;width:280px!important;z-index:1050!important}.modern-sidebar.mobile-visible{left:0!important;transform:translateX(0)!important}body{overflow-x:hidden!important}.app-layout{overflow-x:hidden!important}.app-layout,.app-layout>.ant-layout{position:relative!important;width:100%!important}.app-layout>.ant-layout{margin-left:0!important;min-width:100%!important}.ant-layout-sider.mobile-visible{left:0!important}.ant-layout-sider-trigger{display:none!important}.ant-layout-sider-children{overflow-x:hidden!important}}@media (max-width:480px){.modern-header{height:52px!important;padding:0 12px!important}.main-content{min-height:calc(100vh - 52px)!important;padding:8px 6px!important}.header-actions{gap:6px!important}.menu-toggle-btn,.notification-toggle-btn,.theme-toggle-btn{font-size:16px!important;padding:6px!important}.header-avatar{height:28px!important;width:28px!important}.modern-sidebar{left:-260px!important;width:260px!important}.modern-sidebar.mobile-visible{left:0!important}}@media (max-width:768px){.mobile-sidebar-overlay{background:#00000073!important;bottom:0!important;left:0!important;opacity:0!important;position:fixed!important;right:0!important;top:0!important;transition:all .3s ease!important;visibility:hidden!important;z-index:1049!important}.mobile-sidebar-overlay.visible{opacity:1!important;visibility:visible!important}.mobile-search-container{background:#fff!important;background:var(--bg-card)!important;border-bottom:1px solid #e5e7eb!important;border-bottom:1px solid var(--border-color)!important;box-shadow:0 4px 12px #0000001a!important;left:0!important;padding:12px 16px!important;position:fixed!important;right:0!important;top:56px!important;transform:translateY(-100%)!important;transition:transform .3s ease!important;z-index:999!important}.mobile-search-container.visible{transform:translateY(0)!important}.mobile-search-toggle{background:#0000!important;border:none!important;border-radius:6px!important;color:#1f2937!important;color:var(--text-primary)!important;cursor:pointer!important;font-size:18px!important;padding:8px!important}#custom-notifications{left:12px!important;max-width:none!important;right:12px!important;top:60px!important}.custom-notification{border-radius:8px!important;font-size:14px!important;margin-bottom:8px!important}.notify-title{padding:12px 16px 8px!important}.notify-desc{font-size:13px!important;padding:0 16px 12px!important}.notify-close{right:12px!important;top:8px!important}.user-dropdown .ant-dropdown-menu{border-radius:8px!important;min-width:200px!important}.user-dropdown .ant-dropdown-menu-item{font-size:15px!important;padding:12px 16px!important}.user-dropdown .ant-dropdown-menu-item .anticon{font-size:16px!important;margin-right:12px!important}.search-result-modal .ant-modal{margin:16px!important;max-width:none!important;width:calc(100% - 32px)!important}.search-result-modal .ant-modal-content{border-radius:12px!important}.search-result-modal .ant-modal-header{padding:16px 20px 12px!important}.search-result-modal .ant-modal-body{max-height:60vh!important;overflow-y:auto!important;padding:12px 20px!important}.search-result-modal .ant-modal-footer{padding:12px 20px 16px!important}.search-result-modal .ant-descriptions{font-size:14px!important}.search-result-modal .ant-descriptions-item-label{background:#f8fafc!important;background:var(--bg-secondary)!important;font-weight:600!important}.ant-card{border-radius:8px!important;margin-bottom:12px!important}.ant-card-head{min-height:auto!important;padding:12px 16px!important}.ant-card-body{padding:16px!important}.ant-table-wrapper{overflow-x:auto!important}.ant-table{min-width:600px!important}.ant-table-thead>tr>th{font-size:13px!important;padding:12px 8px!important}.ant-table-tbody>tr>td{font-size:14px!important;padding:12px 8px!important}.ant-form-item{margin-bottom:16px!important}.ant-form-item-label{padding-bottom:4px!important}.ant-form-item-label>label{font-size:14px!important;font-weight:500!important}.ant-input,.ant-picker,.ant-select-selector{border-radius:6px!important;font-size:16px!important;height:44px!important}.ant-btn{border-radius:6px!important;font-size:15px!important;font-weight:500!important;height:44px!important}.ant-btn-lg{font-size:16px!important;height:48px!important}.mobile-hidden{display:none!important}.mobile-only{display:block!important}.mobile-full-width{width:100%!important}.mobile-text-center{text-align:center!important}.mobile-padding-sm{padding:8px!important}.mobile-margin-sm{margin:8px!important}.mobile-no-padding{padding:0!important}.mobile-no-margin{margin:0!important}}@media (max-width:768px) and (orientation:landscape){.modern-header{height:48px!important}.main-content{min-height:calc(100vh - 48px)!important;padding:8px 12px!important}.sidebar-user-info{padding:12px!important}.ant-menu-item{height:40px!important;line-height:40px!important}}@supports (padding:max(0px)){@media (max-width:768px){.modern-header{height:calc(56px + env(safe-area-inset-top))!important;padding-left:max(16px,env(safe-area-inset-left))!important;padding-right:max(16px,env(safe-area-inset-right))!important;padding-top:env(safe-area-inset-top)!important}.main-content{min-height:calc(100vh - 56px - env(safe-area-inset-top))!important;padding-bottom:max(12px,env(safe-area-inset-bottom))!important;padding-left:max(8px,env(safe-area-inset-left))!important;padding-right:max(8px,env(safe-area-inset-right))!important}.modern-sidebar{padding-top:env(safe-area-inset-top)!important}}}@media (min-width:769px){.mobile-only{display:none!important}.desktop-only{display:block!important}.mobile-search-container,.mobile-sidebar-overlay{display:none!important}}@media (max-width:768px){.ant-btn:hover,.ant-menu-item:hover,.user-profile-btn:hover{background:inherit!important;border-color:inherit!important;color:inherit!important}.ant-btn:active{transform:scale(.98)!important;transition:transform .1s ease!important}.ant-menu-item:active{background:#ffffff1a!important}}@media (max-width:768px){@keyframes mobileSlideIn{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes mobileSlideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}.modern-sidebar.mobile-visible{animation:mobileSlideIn .3s ease-out!important}@keyframes mobileFadeIn{0%{opacity:0}to{opacity:1}}.mobile-sidebar-overlay.visible{animation:mobileFadeIn .3s ease-out!important}}:root{--error-color:#ff4d4f;--success-color:#52c41a;--warning-color:#faad14;--error-bg:#fff2f0;--success-bg:#f6ffed;--error-border:#ffccc7;--success-border:#b7eb8f}.ant-form-item-has-error .ant-input,.ant-form-item-has-error .ant-input-affix-wrapper,.ant-form-item-has-error .ant-input-affix-wrapper:focus,.ant-form-item-has-error .ant-input:focus{background-color:#fff2f0!important;background-color:var(--error-bg)!important;border-color:#ff4d4f!important;border-color:var(--error-color)!important;box-shadow:0 0 0 2px #ff4d4f33!important}.ant-form-item-has-success .ant-input,.ant-form-item-has-success .ant-input-affix-wrapper{background-color:#f6ffed!important;background-color:var(--success-bg)!important;border-color:#52c41a!important;border-color:var(--success-color)!important;box-shadow:0 0 0 2px #52c41a33!important}.ant-form-item-explain-error{color:#ff4d4f!important;color:var(--error-color)!important;font-size:13px!important;font-weight:600!important}.ant-form-item-explain-success{color:#52c41a!important;color:var(--success-color)!important;font-size:13px!important;font-weight:600!important}.enhanced-search-container{max-width:600px;width:100%}.enhanced-search-container .ant-space-compact{gap:8px!important}.enhanced-search-container .ant-space-compact>.ant-space-item{margin-right:8px!important}.enhanced-search-container .ant-space-compact>.ant-space-item:last-child{margin-right:0!important}.search-select{border-radius:6px!important;box-shadow:0 2px 4px #0000001a!important}.search-select.company-search .ant-select-selector{border-color:#1890ff!important;border-width:2px!important}.search-select.ship-search .ant-select-selector{border-color:#52c41a!important;border-width:2px!important}.search-select.user-search .ant-select-selector{border-color:#722ed1!important;border-width:2px!important}.search-select .ant-select-selector{background:#f3f4f6!important;background:var(--bg-input)!important;border:2px solid #e5e7eb!important;border:2px solid var(--border-color)!important;height:40px!important;transition:all .3s ease!important}.search-select:hover .ant-select-selector{border-color:#1890ff!important;box-shadow:0 0 0 2px #1890ff26!important}.search-select.ant-select-focused .ant-select-selector{border-color:#1890ff!important;box-shadow:0 0 0 3px #1890ff33!important}.dashboard-search-highlight-row>td{background:#fff7e6!important;border-bottom:1px solid #ffd591!important;border-top:1px solid #ffd591!important}.dashboard-search-highlight-row:hover>td{background:#fff1b8!important}[data-theme=dark] .dashboard-search-highlight-row>td{background:#faad142e!important;border-bottom-color:#faad1473!important;border-top-color:#faad1473!important}.search-select .ant-select-item{border-radius:6px!important;margin:4px 8px!important;padding:12px 16px!important}.search-select .ant-select-item:hover{background:#f8fafc!important;background:var(--bg-secondary)!important}.search-result-modal .ant-modal-header{background:linear-gradient(135deg,#f0f8ff,#e6f7ff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);border-radius:8px 8px 0 0}.search-result-modal .ant-modal-body{background:#fff;background:var(--bg-card);padding:24px}.search-result-modal .ant-descriptions{background:#0000}.search-result-modal .ant-descriptions-item-label{background:#f8fafc!important;background:var(--bg-secondary)!important;font-weight:600}.search-result-modal .ant-descriptions-item-content,.search-result-modal .ant-descriptions-item-label{border-color:#e5e7eb!important;border-color:var(--border-color)!important;color:#1f2937!important;color:var(--text-primary)!important}.search-result-modal .ant-descriptions-item-content{background:#fff!important;background:var(--bg-card)!important}.search-result-modal .ant-modal-footer{background:#fff;background:var(--bg-card);border-radius:0 0 8px 8px;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color)}.search-result-modal .ant-tag{border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;font-weight:500;padding:4px 12px}.search-result-modal .action-hint{animation:fadeInUp .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.print-modal .ant-modal-header{background:linear-gradient(135deg,#f0f8ff,#e6f7ff);border-bottom:1px solid #91d5ff}.print-modal .ant-table-thead>tr>th{background:#fafafa!important;font-weight:600}.print-modal .ant-table-tbody>tr:hover>td{background:#e6f7ff!important}.print-modal .ant-table-selection-column{padding-left:16px!important}@media print{.no-print{display:none!important}body{margin:0!important;padding:0!important}}.print-summary-item{background:linear-gradient(135deg,#f0f8ff,#e6f7ff);border:1px solid #91d5ff;border-radius:6px;padding:8px 12px;text-align:center;transition:all .3s ease}.print-summary-item:hover{background:linear-gradient(135deg,#e6f7ff,#d6e4ff);border-color:#69c0ff;box-shadow:0 4px 12px #1890ff26;transform:translateY(-2px)}.print-summary-number{color:#1890ff;font-size:18px;font-weight:700;margin-bottom:4px}.print-summary-label{color:#666;font-size:12px;font-weight:500}@media (max-width:768px){.modern-sidebar{background:#001529!important;bottom:0!important;box-shadow:2px 0 8px #00000026!important;left:-100%!important;position:fixed!important;top:0!important;transform:translateX(0)!important;transition:left .3s ease!important;width:280px!important;z-index:1050!important}.modern-sidebar.mobile-visible{left:0!important;transform:translateX(0)!important}body{overflow-x:hidden!important}.app-layout{overflow-x:hidden!important}.app-layout,.app-layout>.ant-layout{position:relative!important;width:100%!important}.app-layout>.ant-layout{margin-left:0!important;min-width:100%!important}.ant-layout-sider,.modern-sidebar{bottom:0!important;height:100vh!important;left:0!important;overflow-x:hidden!important;overflow-y:auto!important;position:fixed!important;top:0!important;width:280px!important;z-index:100!important}.ant-layout-sider.mobile-visible{left:0!important}.ant-layout-sider-trigger{display:none!important}.ant-layout-sider-children{overflow-x:hidden!important}}@media (max-width:480px){.ant-layout-sider,.modern-sidebar{left:-260px!important;width:260px!important}.ant-layout-sider.mobile-visible,.modern-sidebar.mobile-visible{left:0!important}}@media (max-width:768px) and (orientation:landscape){.ant-layout-sider,.modern-sidebar{left:-240px!important;width:240px!important}.ant-layout-sider.mobile-visible,.modern-sidebar.mobile-visible{left:0!important}}@media (max-width:768px){.mobile-sidebar-overlay{background:#00000073!important;bottom:0!important;left:0!important;opacity:0!important;pointer-events:none!important;position:fixed!important;right:0!important;top:0!important;transition:all .3s ease!important;visibility:hidden!important;z-index:1049!important}.mobile-sidebar-overlay.visible{opacity:1!important;pointer-events:all!important;visibility:visible!important}}.ant-modal-mask,.ant-modal-root{z-index:1000!important}.ant-modal,.ant-modal-wrap{z-index:1001!important}.ant-dropdown,.ant-picker-dropdown,.ant-select-dropdown{z-index:1002!important}.ant-tooltip{z-index:1003!important}.modern-sidebar{z-index:999!important}.modern-header{z-index:998!important}.app-layout .ant-layout-content{margin-top:64px;min-height:calc(100vh - 64px)}#root,body,html{min-width:0;overflow-x:hidden}.ant-card,.ant-card-body,.ant-form,.ant-layout,.ant-layout-content,.ant-table-wrapper,.ant-tabs{min-width:0}.ant-table-wrapper{width:100%}.ant-table-wrapper .ant-table{overflow-x:auto}.ant-descriptions-item-content,.ant-descriptions-item-label,.ant-form-item-label>label,.ant-statistic-content,.ant-statistic-title,.ant-typography,.ant-typography strong{color:var(--text-primary)}[data-theme=dark] .ant-descriptions-item-content,[data-theme=dark] .ant-form-item-label>label,[data-theme=dark] .ant-statistic-content,[data-theme=dark] .ant-typography,[data-theme=dark] .ant-typography strong{color:var(--text-primary)!important}[data-theme=dark] .ant-descriptions-item-label,[data-theme=dark] .ant-form-item-explain,[data-theme=dark] .ant-form-item-extra,[data-theme=dark] .ant-statistic-title,[data-theme=dark] .ant-typography-secondary{color:var(--text-secondary)!important}[data-theme=dark] .ant-table-summary,[data-theme=dark] .ant-table-summary>tr,[data-theme=dark] .ant-table-summary>tr>td,[data-theme=dark] .ant-table-summary>tr>th{background:var(--bg-secondary)!important;color:var(--text-primary)!important}[data-theme=dark] .user-portal-admin__form-modal .ant-card,[data-theme=dark] .user-portal-admin__usage-modal .ant-card,[data-theme=dark] .vessel-user-page-header,[data-theme=dark] .vessel-user-selector,[data-theme=dark] .vessel-user-stats .ant-card,[data-theme=dark] .vessel-user-table-card{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .user-portal-admin__form-modal .ant-card-head,[data-theme=dark] .user-portal-admin__usage-modal .ant-card-head{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .user-portal-admin__usage-modal .g2-tooltip,[data-theme=dark] .vessel-mikrotik-dashboard .g2-tooltip{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-dropdown)!important;color:var(--text-primary)!important}[data-theme=dark] .user-portal-admin__usage-modal .g2-tooltip *,[data-theme=dark] .vessel-mikrotik-dashboard .g2-tooltip *{color:var(--text-primary)!important}[data-theme=dark] .user-portal-admin__usage-modal svg text,[data-theme=dark] .vessel-mikrotik-dashboard svg text{fill:var(--text-secondary)!important}[data-theme=dark] .user-portal-admin__usage-modal svg line,[data-theme=dark] .vessel-mikrotik-dashboard svg line{stroke:var(--border-color)!important}.ant-table-cell{word-break:normal}.ant-card-extra,.ant-card-head-wrapper,.ant-space{min-width:0}.ant-card-extra .ant-space,.ant-card-head-title .ant-space{flex-wrap:wrap}@media (max-width:1024px){.ant-card-extra{margin-left:0;padding-top:8px}.ant-card-head-wrapper{align-items:flex-start;flex-direction:column}.ant-card-extra,.ant-card-extra .ant-space,.ant-card-head-title,.ant-card-head-title .ant-space{width:100%}.ant-card-extra .ant-input,.ant-card-extra .ant-picker,.ant-card-extra .ant-select{min-width:220px}}@media (max-width:768px){.package-bandwidth-option{flex-wrap:wrap;font-size:12px;gap:4px 12px!important;justify-content:flex-start!important;line-height:1.4;white-space:normal}.mobile-utility-hidden{display:none!important}.app-layout>.ant-layout{margin-left:0!important;width:100%!important}.app-layout .ant-layout-content{border-radius:10px!important;margin:64px 8px 8px!important;min-height:calc(100vh - 76px)!important;padding:12px 12px calc(96px + env(safe-area-inset-bottom))!important}.ant-card{border-radius:8px!important}.ant-card-head{padding:10px 12px!important}.ant-card-body{padding:12px!important}.ant-row{margin-left:-6px!important;margin-right:-6px!important}.ant-row>.ant-col{padding-left:6px!important;padding-right:6px!important}.ant-space{gap:8px!important}.ant-space-horizontal,.ant-space-vertical{max-width:100%}.ant-space-horizontal:not(.ant-pagination):not(.ant-table-cell .ant-space){flex-wrap:wrap}.ant-card-extra .ant-space,.ant-form .ant-space,.ant-table-title .ant-space{display:flex!important;width:100%}.ant-card-extra .ant-space>.ant-space-item,.ant-table-title .ant-space>.ant-space-item{min-width:0}.ant-cascader-picker,.ant-input,.ant-input-affix-wrapper,.ant-input-number,.ant-picker,.ant-select{max-width:100%}.ant-card-extra .ant-input,.ant-card-extra .ant-input-affix-wrapper,.ant-card-extra .ant-picker,.ant-card-extra .ant-select,.ant-table-title .ant-input,.ant-table-title .ant-picker,.ant-table-title .ant-select{min-width:0!important;width:100%!important}.ant-btn{max-width:100%;white-space:normal}.ant-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto!important}.ant-table{min-width:720px}.ant-table-tbody>tr>td,.ant-table-thead>tr>th{font-size:13px;padding:10px 8px!important}.ant-pagination{justify-content:center!important;row-gap:8px}.ant-modal{margin:8px auto calc(88px + env(safe-area-inset-bottom))!important;max-width:calc(100vw - 16px)!important;top:0!important;width:calc(100vw - 16px)!important}.ant-modal-content{border-radius:10px!important;display:flex;flex-direction:column;max-height:calc(100vh - 104px - env(safe-area-inset-bottom));overflow:hidden}.ant-modal-header{flex:0 0 auto;padding:12px 14px!important}.ant-modal-title{font-size:16px!important;line-height:1.35!important;padding-right:28px}.ant-modal-body{-webkit-overflow-scrolling:touch;flex:1 1 auto;max-height:none;min-height:0;overflow-y:auto;padding:12px!important}.ant-modal-close{right:8px!important;top:8px!important}.ant-modal-footer{background:#fff;background:var(--bg-card,#fff);border-top:1px solid #edf0f5;border-top:1px solid var(--border-color,#edf0f5);bottom:0;flex:0 0 auto;padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;position:-webkit-sticky;position:sticky;z-index:2}.ant-modal .ant-card{margin-bottom:10px!important}.ant-modal .ant-card-head{min-height:40px!important;padding:8px 10px!important}.ant-modal .ant-card-head-title{font-size:14px!important;padding:0!important}.ant-modal .ant-card-body{padding:10px!important}.ant-modal .ant-row{row-gap:0!important}.ant-modal .ant-row>.ant-col{flex:0 0 100%!important;max-width:100%!important}.ant-modal .ant-form-item{margin-bottom:12px!important}.ant-modal .ant-form-item-label{padding-bottom:4px!important}.ant-modal .ant-form-item-label>label{font-size:13px!important;height:auto!important;line-height:1.3!important;white-space:normal!important}.ant-modal .ant-cascader-picker,.ant-modal .ant-input,.ant-modal .ant-input-affix-wrapper,.ant-modal .ant-input-number,.ant-modal .ant-picker,.ant-modal .ant-select,.ant-modal textarea{width:100%!important}.ant-modal .ant-input,.ant-modal .ant-input-affix-wrapper,.ant-modal .ant-input-number,.ant-modal .ant-picker,.ant-modal .ant-select-selector{min-height:40px!important}.ant-modal .ant-input-group-wrapper,.ant-modal .ant-input-number-group-wrapper{width:100%!important}.ant-modal .ant-input-group-addon,.ant-modal .ant-input-number-group-addon{padding:0 8px!important}.ant-modal .ant-input-group-addon .ant-select,.ant-modal .ant-input-number-group-addon .ant-select{min-width:64px!important;width:72px!important}.ant-modal .ant-tabs-nav{margin-bottom:8px!important}.ant-modal .ant-tabs-nav-wrap{overflow:auto hidden!important}.ant-modal .ant-tabs-tab{font-size:13px;padding:8px 0!important}.ant-modal .ant-descriptions-row>td,.ant-modal .ant-descriptions-row>th{font-size:12px;padding:8px!important}.ant-modal .ant-alert{font-size:12px;padding:8px 10px!important}.ant-drawer-content-wrapper{width:min(100vw,420px)!important}.ant-form-horizontal .ant-form-item-row{display:block}.ant-form-horizontal .ant-form-item-control,.ant-form-horizontal .ant-form-item-label{flex:0 0 100%;max-width:100%}.ant-descriptions-view{overflow-x:auto}.ant-tabs-nav{margin-bottom:10px!important}.ant-tabs-nav-list{min-width:-webkit-max-content;min-width:max-content}.ant-statistic-content{font-size:18px!important}.responsive-data-view{width:100%}.responsive-data-view .ant-list-items{display:flex;flex-direction:column;gap:10px}.responsive-data-view .ant-list-item{-webkit-border-after:0!important;border-block-end:0!important;padding:0!important}.responsive-record-card{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;box-shadow:0 4px 14px #0f172a0f;padding:12px;width:100%}.responsive-record-header{border-bottom:1px solid var(--border-light);display:flex;flex-direction:column;gap:8px;padding-bottom:10px}.responsive-record-title{color:var(--text-primary);font-size:15px;font-weight:700;line-height:1.35;min-width:0}.responsive-record-title>*{max-width:100%}.responsive-record-subtitle{color:var(--text-secondary);font-size:12px}.responsive-record-fields{grid-gap:10px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-top:10px}.responsive-record-field{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;min-width:0;padding:8px}.responsive-record-label{color:var(--text-tertiary)!important;display:block;font-size:11px;font-weight:700;line-height:1.2;margin-bottom:4px;text-transform:uppercase}.responsive-record-value{color:var(--text-primary);font-size:13px;font-weight:600;line-height:1.35;min-width:0;word-break:break-word}[data-theme=dark] .responsive-record-card,[data-theme=dark] .responsive-record-field{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .responsive-record-field{background:var(--bg-secondary)!important}[data-theme=dark] .responsive-record-title,[data-theme=dark] .responsive-record-value,[data-theme=dark] .responsive-record-value .ant-typography,[data-theme=dark] .responsive-record-value strong{color:var(--text-primary)!important}[data-theme=dark] .responsive-record-label,[data-theme=dark] .responsive-record-subtitle{color:var(--text-secondary)!important}.responsive-record-value .ant-space{row-gap:6px!important}.responsive-record-actions{border-top:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:10px;padding-top:12px}.responsive-record-actions .ant-space{flex-direction:row!important;gap:8px!important;justify-content:flex-end;width:auto}.responsive-record-actions .ant-space-item{flex:0 0 auto}.responsive-record-actions .ant-btn{align-items:center;border-radius:10px!important;display:inline-flex;height:36px;justify-content:center;min-height:36px;min-width:36px;padding:0!important;width:36px}.responsive-record-actions .ant-btn>span:not(.anticon):not(.ant-btn-icon){display:none}.responsive-record-actions .ant-btn .ant-btn-icon,.responsive-record-actions .ant-btn .anticon,.responsive-record-actions .ant-btn svg{align-items:center;color:currentColor!important;display:inline-flex!important;justify-content:center;opacity:1!important}.responsive-data-summary{margin-bottom:10px}.responsive-data-view .ant-pagination{margin-top:14px!important}}@media (max-width:560px){.app-layout .ant-layout-content{margin:58px 4px 4px!important;padding:8px 8px calc(96px + env(safe-area-inset-bottom))!important}.ant-card-body{padding:10px!important}.ant-card-extra .ant-space>.ant-space-item,.ant-form .ant-space>.ant-space-item,.ant-table-title .ant-space>.ant-space-item{width:100%}.responsive-record-actions .ant-space>.ant-space-item{width:auto}.ant-card-extra .ant-btn,.ant-form .ant-btn,.ant-table-title .ant-btn{width:100%}.ant-table{min-width:680px}.responsive-record-fields{grid-template-columns:minmax(0,1fr)}.ant-modal-body{padding:12px!important}.ant-modal-footer{display:flex;flex-direction:column-reverse;gap:8px}.ant-modal-footer .ant-btn{-webkit-margin-start:0!important;margin-inline-start:0!important;width:100%}.ant-modal .ant-space,.ant-modal .ant-space-item{width:100%}.ant-modal .ant-btn{min-height:40px}}@media (max-width:768px){.user-portal-admin__usage-modal .mobile-usage-chart-card{border-color:#dbeafe!important;border-radius:18px!important;box-shadow:0 10px 28px #0f172a14!important;overflow:hidden}.user-portal-admin__usage-modal .mobile-usage-chart-card .ant-card-head{border-bottom:0!important;padding:14px 14px 4px!important}.user-portal-admin__usage-modal .mobile-usage-chart-title{display:flex;flex-direction:column;gap:2px}.user-portal-admin__usage-modal .mobile-usage-chart-title .ant-typography:first-child{color:#0f172a!important;font-size:17px;font-weight:800;line-height:22px}.user-portal-admin__usage-modal .mobile-usage-chart-title .ant-typography-secondary{color:#64748b!important;font-size:12px;line-height:17px}.user-portal-admin__usage-modal .mobile-usage-chart-toolbar{gap:8px!important}.user-portal-admin__usage-modal .mobile-usage-chart-toolbar>.ant-space-item{flex:0 1 auto}.user-portal-admin__usage-modal .mobile-usage-period-toggle,.user-portal-admin__usage-modal .mobile-usage-view-toggle{background:#f1f5f9;border-radius:999px;padding:3px}.user-portal-admin__usage-modal .mobile-usage-period-toggle .ant-segmented-item,.user-portal-admin__usage-modal .mobile-usage-view-toggle .ant-segmented-item{border-radius:999px;font-size:13px;font-weight:700;min-height:30px}.user-portal-admin__usage-modal .mobile-usage-meta,.user-portal-admin__usage-modal .mobile-usage-refresh{display:none!important}.user-portal-admin__usage-modal .mobile-usage-chart-card .ant-card-body{padding:10px 8px 12px!important}.user-portal-admin__usage-modal .mobile-usage-chart-content{background:linear-gradient(180deg,#f8fbff,#eff6ff);border:1px solid #dbeafe;border-radius:18px;min-height:252px;padding:14px 8px 6px}.user-portal-admin__usage-modal .user-usage-chart-scroll{overflow-x:hidden}.user-portal-admin__usage-modal .user-usage-chart-canvas{height:240px;min-width:0!important;width:100%}.user-portal-admin__usage-modal .mobile-usage-chart-content svg text{font-size:12px!important;font-weight:650!important}.user-portal-admin__usage-modal .mobile-usage-chart-content.show-table .mobile-usage-bar-pane,.user-portal-admin__usage-modal .mobile-usage-table-pane{display:none}.user-portal-admin__usage-modal .mobile-usage-chart-content.show-table .mobile-usage-table-pane{display:block}.user-portal-admin__usage-modal .mobile-usage-table-pane .ant-table-tbody>tr>td,.user-portal-admin__usage-modal .mobile-usage-table-pane .ant-table-thead>tr>th{font-size:13px;font-weight:650}.user-portal-admin__usage-modal .usage-detail-tabs{display:none}}