@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-100:#ffe2e2;--color-red-500:#fb2c36;--color-red-600:#e40014;--color-red-800:#9f0712;--color-orange-100:#ffedd5;--color-orange-800:#9f2d00;--color-yellow-100:#fef9c2;--color-yellow-600:#cd8900;--color-yellow-800:#874b00;--color-green-100:#dcfce7;--color-green-600:#00a544;--color-green-800:#016630;--color-blue-100:#dbeafe;--color-blue-800:#193cb8;--color-purple-100:#f3e8ff;--color-purple-800:#6e11b0;--color-gray-100:#f3f4f6;--color-gray-400:#99a1af;--color-gray-800:#1e2939;--spacing:.25rem;--font-weight-semibold:600;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-red-100:lab(92.243% 10.2865 3.83865);--color-red-500:lab(55.4814% 75.0732 48.8528);--color-red-600:lab(48.4493% 77.4328 61.5452);--color-red-800:lab(33.7174% 55.8993 41.0293);--color-orange-100:lab(94.7127% 3.58394 14.3151);--color-orange-800:lab(37.1566% 46.6433 50.5562);--color-yellow-100:lab(97.3564% -4.51407 27.344);--color-yellow-600:lab(62.7799% 22.4197 86.1544);--color-yellow-800:lab(38.7484% 23.5833 51.4916);--color-green-100:lab(96.1861% -13.8464 6.52365);--color-green-600:lab(59.0978% -58.6621 41.2579);--color-green-800:lab(37.4616% -36.7971 22.9692);--color-blue-100:lab(92.0301% -2.24757 -11.6453);--color-blue-800:lab(30.2514% 27.7853 -70.2699);--color-purple-100:lab(93.3333% 6.97437 -9.83434);--color-purple-800:lab(30.6017% 56.7637 -64.4751);--color-gray-100:lab(96.1596% -.0823438 -1.13575);--color-gray-400:lab(65.9269% -.832707 -8.17473);--color-gray-800:lab(16.1051% -1.18239 -11.7533)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.bg-blue-100{background-color:var(--color-blue-100)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-green-100{background-color:var(--color-green-100)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-red-100{background-color:var(--color-red-100)}.bg-yellow-100{background-color:var(--color-yellow-100)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-blue-800{color:var(--color-blue-800)}.text-gray-400{color:var(--color-gray-400)}.text-gray-800{color:var(--color-gray-800)}.text-green-600{color:var(--color-green-600)}.text-green-800{color:var(--color-green-800)}.text-orange-800{color:var(--color-orange-800)}.text-purple-800{color:var(--color-purple-800)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-800{color:var(--color-red-800)}.text-yellow-600{color:var(--color-yellow-600)}.text-yellow-800{color:var(--color-yellow-800)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.\!filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)!important}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--bg:#060b18;--surface:#0b1225;--card:#0f1a30;--card2:#131f38;--border:#1a2a45;--border2:#235;--primary:#4f8ef7;--primary2:#2563eb;--primary-glow:#4f8ef726;--cyan:#22d3ee;--violet:#818cf8;--emerald:#10b981;--amber:#f59e0b;--rose:#f43f5e;--text:#e2e8f0;--text2:#94a3b8;--text3:#475569;--sidebar-w:68px;--sidebar-expanded:228px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text3)}.app-shell{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);z-index:100;flex-direction:column;flex-shrink:0;align-items:center;padding:14px 0;transition:width .25s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.sidebar:hover{width:var(--sidebar-expanded)}.sidebar-logo{flex-shrink:0;align-items:center;gap:12px;width:100%;margin-bottom:18px;padding:0 17px;display:flex}.logo-icon{background:linear-gradient(135deg,var(--primary)0%,var(--cyan)100%);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;font-weight:900;display:flex;box-shadow:0 0 20px #4f8ef766}.logo-text{white-space:nowrap;background:linear-gradient(90deg,var(--primary),var(--cyan));-webkit-text-fill-color:transparent;opacity:0;-webkit-background-clip:text;font-size:16px;font-weight:800;transition:opacity .15s 50ms}.sidebar:hover .logo-text{opacity:1}.nav-section{flex-direction:column;gap:1px;width:100%;padding:0 10px;display:flex}.nav-label{letter-spacing:1.5px;color:var(--text3);text-transform:uppercase;white-space:nowrap;opacity:0;padding:10px 8px 4px;font-size:9px;font-weight:700;transition:opacity .12s}.sidebar:hover .nav-label{opacity:1}.nav-item{cursor:pointer;white-space:nowrap;color:var(--text2);border-radius:10px;align-items:center;gap:12px;padding:9px 8px;text-decoration:none;transition:background .12s,color .12s;display:flex;position:relative}.nav-item:hover{color:var(--text);background:#4f8ef714}.nav-item.active{color:var(--primary);background:#4f8ef724}.nav-item.active:before{content:"";background:var(--primary);width:3px;height:22px;box-shadow:0 0 10px var(--primary);border-radius:0 3px 3px 0;position:absolute;top:50%;left:-10px;transform:translateY(-50%)}.nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:22px;font-size:17px;display:flex}.nav-text{opacity:0;font-size:13px;font-weight:500;transition:opacity .12s}.sidebar:hover .nav-text{opacity:1}.nav-badge{background:var(--rose);color:#fff;opacity:0;border-radius:10px;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:700;transition:opacity .12s}.sidebar:hover .nav-badge{opacity:1}.sidebar-bottom{flex-shrink:0;width:100%;padding:0 10px}.main-area{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.topbar{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;height:58px;padding:0 24px;display:flex}.topbar-title{margin-right:auto;font-size:17px;font-weight:700}.topbar-title span{color:var(--text3);font-size:15px;font-weight:400}.search-box{background:var(--card);border:1px solid var(--border);border-radius:10px;align-items:center;gap:8px;width:260px;padding:7px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.search-box input{color:var(--text);background:0 0;border:none;outline:none;width:100%;font-size:13px}.search-box input::placeholder{color:var(--text3)}.topbar-btn{background:var(--card);border:1px solid var(--border);cursor:pointer;width:36px;height:36px;color:var(--text2);border-radius:10px;justify-content:center;align-items:center;font-size:15px;transition:border-color .12s,color .12s;display:flex;position:relative}.topbar-btn:hover{border-color:var(--primary);color:var(--primary)}.notif-dot{background:var(--rose);border:2px solid var(--surface);border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.user-avatar{background:linear-gradient(135deg,var(--primary2),var(--violet));cursor:pointer;border:2px solid var(--border2);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.page-content{flex:1;padding:22px 24px;overflow-y:auto}.page-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.page-title{font-size:21px;font-weight:800}.page-sub{color:var(--text2);margin-top:3px;font-size:12px}.page-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:10px;align-items:center;gap:7px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .12s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary2);border-color:var(--primary2);box-shadow:0 4px 16px #4f8ef74d}.btn-secondary{background:var(--card2);color:var(--text);border-color:var(--border2)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.btn-danger{color:var(--rose);background:#f43f5e1a;border-color:#f43f5e4d}.btn-danger:hover{background:#f43f5e2e}.btn-ghost{color:var(--text2);background:0 0;border-color:#0000;padding:8px 10px}.btn-ghost:hover{color:var(--text);background:var(--card2)}.btn-sm{border-radius:8px;padding:5px 11px;font-size:12px}.btn-xs{border-radius:7px;padding:4px 9px;font-size:11px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px}.card-hover{cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s}.card-hover:hover{border-color:var(--border2);transform:translateY(-2px);box-shadow:0 8px 28px #00000040}.card-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.card-title{color:var(--text2);text-transform:uppercase;letter-spacing:.6px;font-size:11px;font-weight:700}.card-action{color:var(--primary);cursor:pointer;font-size:12px;font-weight:500}.card-action:hover{text-decoration:underline}.stat-card{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:16px;flex-direction:column;gap:10px;padding:18px 20px;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";border-radius:16px 16px 0 0;height:2px;position:absolute;top:0;left:0;right:0}.stat-card.blue:before{background:linear-gradient(90deg,var(--primary),var(--cyan))}.stat-card.green:before{background:linear-gradient(90deg,var(--emerald),#34d399)}.stat-card.amber:before{background:linear-gradient(90deg,var(--amber),#fbbf24)}.stat-card.rose:before{background:linear-gradient(90deg,var(--rose),#fb7185)}.stat-card:hover{border-color:var(--border2);transform:translateY(-2px);box-shadow:0 8px 28px #00000040}.stat-row{justify-content:space-between;align-items:center;display:flex}.stat-icon{border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;display:flex}.stat-icon.blue{background:#4f8ef71f}.stat-icon.green{background:#10b9811f}.stat-icon.amber{background:#f59e0b1f}.stat-icon.rose{background:#f43f5e1f}.stat-delta{border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.stat-delta.up{color:var(--emerald);background:#10b9811f}.stat-delta.down{color:var(--rose);background:#f43f5e1f}.stat-delta.info{color:var(--text2);background:#94a3b81a}.stat-value{font-size:30px;font-weight:800;line-height:1}.stat-label{color:var(--text2);font-size:12px}.mini-chart{align-items:flex-end;gap:3px;height:46px;margin-top:4px;display:flex}.bar{opacity:.65;border-radius:3px 3px 0 0;flex:1;transition:opacity .12s}.bar:hover{opacity:1}.bar-blue{background:var(--primary)}.bar-green{background:var(--emerald)}.bar-amber{background:var(--amber)}.bar-rose{background:var(--rose)}.grid{gap:14px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-21{grid-template-columns:2fr 1fr}.grid-12{grid-template-columns:1fr 2fr}.grid-132{grid-template-columns:1.4fr 1fr .8fr}.table-wrap{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden}.table-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:13px 18px;display:flex}table{border-collapse:collapse;width:100%}thead th{text-align:left;color:var(--text3);text-transform:uppercase;letter-spacing:.8px;background:var(--surface);border-bottom:1px solid var(--border);white-space:nowrap;padding:11px 18px;font-size:10px;font-weight:700}tbody tr{border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:#4f8ef70a}tbody td{vertical-align:middle;padding:13px 18px;font-size:13px}.td-primary{color:var(--text);font-weight:600}.td-secondary{color:var(--text2);margin-top:2px;font-size:12px}.td-mono{color:var(--cyan);font-family:Courier New,monospace;font-size:11px}.filter-tabs{background:var(--card2);border-radius:10px;gap:3px;padding:3px;display:flex}.filter-tab{cursor:pointer;color:var(--text2);white-space:nowrap;border-radius:8px;padding:5px 13px;font-size:12px;font-weight:600;transition:all .12s}.filter-tab.active{background:var(--primary);color:#fff}.filter-tab:not(.active):hover{color:var(--text)}.badge{white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge:before{content:"";border-radius:50%;flex-shrink:0;width:5px;height:5px}.badge-active{color:var(--emerald);background:#10b9811f}.badge-active:before{background:var(--emerald)}.badge-warning{color:var(--amber);background:#f59e0b1f}.badge-warning:before{background:var(--amber)}.badge-error{color:var(--rose);background:#f43f5e1f}.badge-error:before{background:var(--rose)}.badge-inactive{color:var(--text2);background:#94a3b814}.badge-inactive:before{background:var(--text3)}.badge-blue{color:var(--primary);background:#4f8ef71f}.badge-blue:before{background:var(--primary)}.badge-violet{color:var(--violet);background:#818cf81f}.badge-violet:before{background:var(--violet)}.sys-badge{white-space:nowrap;border-radius:5px;padding:2px 7px;font-size:10px;font-weight:700}.sys-ssp{color:var(--rose);background:#f43f5e1f}.sys-sswin{color:var(--amber);background:#f59e0b1f}.sys-cctv{color:var(--primary);background:#4f8ef71f}.sys-kd{color:var(--violet);background:#818cf81f}.sys-it{color:var(--emerald);background:#10b9811f}.sys-other{color:var(--text2);background:#94a3b81a}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text2);font-size:12px;font-weight:600}.form-input,.form-select,.form-textarea{background:var(--card2);border:1px solid var(--border2);color:var(--text);border-radius:10px;outline:none;width:100%;padding:9px 13px;font-family:inherit;font-size:13px;transition:border-color .12s,box-shadow .12s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text3)}.form-select option{background:var(--card2)}.form-textarea{resize:vertical;min-height:80px}.form-grid{gap:14px;display:grid}.form-grid-2{grid-template-columns:1fr 1fr}.form-grid-3{grid-template-columns:1fr 1fr 1fr}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--card);border:1px solid var(--border2);border-radius:20px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px #00000080}.modal-lg{max-width:720px}.modal-header{justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.modal-title{font-size:17px;font-weight:700}.modal-close{cursor:pointer;width:30px;height:30px;color:var(--text3);background:var(--card2);border-radius:8px;justify-content:center;align-items:center;font-size:16px;transition:all .12s;display:flex}.modal-close:hover{color:var(--rose);background:#f43f5e1a}.modal-body{padding:0 24px}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;margin-top:16px;padding:16px 24px;display:flex}.visit-item{background:var(--card2);border:1px solid var(--border);cursor:pointer;border-radius:11px;align-items:center;gap:12px;padding:10px 12px;transition:border-color .12s,background .12s;display:flex}.visit-item:hover{border-color:var(--border2);background:#4f8ef70a}.visit-date-box{background:#4f8ef71a;border-radius:11px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.visit-date-day{color:var(--primary);font-size:17px;font-weight:800;line-height:1}.visit-date-month{color:var(--text3);text-transform:uppercase;letter-spacing:.5px;font-size:9px}.device-card{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:14px;flex-direction:column;gap:10px;padding:16px;transition:border-color .15s,box-shadow .15s;display:flex}.device-card:hover{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary),0 8px 24px #0003}.device-card-add{min-height:160px;color:var(--text3);border-style:dashed;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.device-card-add:hover{border-color:var(--primary);color:var(--primary)}.device-meta-row{align-items:center;gap:8px;font-size:12px;display:flex}.device-meta-label{color:var(--text3);flex-shrink:0;width:58px;font-size:11px}.device-meta-val{color:var(--text);font-family:Courier New,monospace;font-size:11px}.device-meta-val.ip{color:var(--cyan)}.tech-item{border-bottom:1px solid var(--border);align-items:center;gap:11px;padding:9px 0;display:flex}.tech-item:last-child{border-bottom:none}.tech-avatar{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.tech-status{border-radius:6px;flex-shrink:0;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;display:flex}.tech-status:before{content:"";border-radius:50%;width:5px;height:5px}.tech-status.active{color:var(--emerald);background:#10b9811a}.tech-status.active:before{background:var(--emerald);box-shadow:0 0 5px var(--emerald)}.tech-status.travel{color:var(--amber);background:#f59e0b1a}.tech-status.travel:before{background:var(--amber)}.tech-status.office{color:var(--text2);background:#94a3b814}.tech-status.office:before{background:var(--text3)}.alert-item{background:var(--card2);border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .12s;display:flex}.alert-item:hover{border-color:#f43f5e66}.alert-sev{border-radius:50%;flex-shrink:0;width:7px;height:7px}.alert-sev.high{background:var(--rose);box-shadow:0 0 6px var(--rose)}.alert-sev.med{background:var(--amber);box-shadow:0 0 6px var(--amber)}.alert-sev.low{background:var(--emerald)}.vault-item{background:var(--card2);border:1px solid var(--border);cursor:pointer;border-radius:11px;align-items:center;gap:12px;padding:12px 14px;transition:border-color .12s;display:flex}.vault-item:hover{border-color:var(--border2)}.vault-icon{background:#818cf81a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;display:flex}.vault-pass{background:var(--card);border:1px solid var(--border);color:var(--text3);letter-spacing:3px;cursor:pointer;border-radius:8px;margin-left:auto;padding:5px 11px;font-family:monospace;font-size:12px;transition:all .12s}.vault-pass:hover{border-color:var(--violet);color:var(--violet);letter-spacing:0}.empty-state{text-align:center;color:var(--text2);padding:48px 24px}.empty-state-icon{margin-bottom:12px;font-size:36px}.empty-state-title{color:var(--text);margin-bottom:6px;font-size:15px;font-weight:600}.skeleton{background:linear-gradient(90deg,var(--card)25%,var(--card2)50%,var(--card)75%);background-size:200% 100%;border-radius:8px;animation:1.4s infinite skeleton-shine}@keyframes skeleton-shine{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.sep{height:14px}.sep-sm{height:8px}.text-primary{color:var(--primary)}.text-emerald{color:var(--emerald)}.text-amber{color:var(--amber)}.text-rose{color:var(--rose)}.text-cyan{color:var(--cyan)}.text-muted{color:var(--text2)}.text-faint{color:var(--text3)}.font-mono{font-family:Courier New,monospace}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[data-theme=light]{--bg:#f0f4f8;--surface:#fff;--card:#fff;--card2:#f4f7fa;--border:#dde3ed;--border2:#c5cfe0;--primary:#2563eb;--primary2:#1d4ed8;--primary-glow:#2563eb1f;--cyan:#0891b2;--violet:#6d28d9;--emerald:#059669;--amber:#d97706;--rose:#e11d48;--text:#0f172a;--text2:#475569;--text3:#94a3b8}[data-theme=light] .sidebar{background:#1e293b;border-right-color:#334155}[data-theme=light] .sidebar .nav-item{color:#94a3b8}[data-theme=light] .sidebar .nav-item:hover{color:#e2e8f0;background:#ffffff12}[data-theme=light] .sidebar .nav-item.active{color:#60a5fa;background:#4f8ef72e}[data-theme=light] .sidebar .nav-item.active:before{background:#4f8ef7;box-shadow:0 0 10px #4f8ef7}[data-theme=light] .sidebar .nav-label{color:#475569}[data-theme=light] .sidebar .nav-text{color:inherit}[data-theme=light] .sidebar .logo-text{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#4f8ef7,#22d3ee);-webkit-background-clip:text}[data-theme=light] .sidebar .sidebar-bottom>div{border-top-color:#334155!important}[data-theme=light] .topbar{border-bottom-color:var(--border);background:#fff}[data-theme=light] .table-wrap{background:#fff}[data-theme=light] thead th{background:#f8fafc}[data-theme=light] tbody tr:hover{background:#2563eb0a}[data-theme=light] .modal{background:#fff;box-shadow:0 24px 64px #0000002e}[data-theme=light] .modal-overlay{background:#0f172a80}[data-theme=light] .form-input,[data-theme=light] .form-select,[data-theme=light] .form-textarea{border-color:var(--border2);color:var(--text);background:#f8fafc}[data-theme=light] .form-input::placeholder,[data-theme=light] .form-textarea::placeholder{color:var(--text3)}[data-theme=light] .form-select option{color:#0f172a;background:#fff}[data-theme=light] .search-box{border-color:var(--border);background:#f4f7fa}[data-theme=light] .search-box input{color:var(--text)}[data-theme=light] .topbar-btn{border-color:var(--border);background:#f4f7fa}[data-theme=light] .card-hover:hover,[data-theme=light] .stat-card:hover{box-shadow:0 8px 28px #0f172a1a}[data-theme=light] .filter-tabs{background:#eef2f7}[data-theme=light] .filter-tab.active{background:var(--primary)}[data-theme=light] .visit-item{background:#f8fafc}[data-theme=light] .device-card{background:#fff}[data-theme=light] .vault-item,[data-theme=light] .alert-item{background:#f8fafc}[data-theme=light] .skeleton{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%}.mobile-bottom-nav{background:var(--surface);border-top:1px solid var(--border);z-index:500;height:58px;padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:row;align-items:stretch;display:none;position:fixed;bottom:0;left:0;right:0}.client-detail-grid{grid-template-columns:1fr 300px}@media (max-width:1024px){.client-detail-grid{grid-template-columns:1fr!important}}@media (max-width:768px){.app-shell{flex-direction:column;height:100dvh}.sidebar{display:none!important}.mobile-bottom-nav{display:flex!important}.sidebar:hover{width:auto!important}.sidebar-logo,.nav-label,.sidebar-bottom{display:none!important}.nav-section{flex-direction:row;flex:1;align-items:stretch;gap:0;padding:0}.nav-item{white-space:nowrap;border-radius:8px;flex-direction:column;flex:1 0;justify-content:center;align-items:center;gap:2px;min-width:44px;padding:4px 2px}.nav-item.active:before{display:none}.nav-item.active{background:#4f8ef724}.nav-icon{width:20px;font-size:15px}.nav-text{color:inherit;font-size:9px;font-weight:600;line-height:1;opacity:1!important}.nav-badge{margin-left:0;padding:1px 4px;position:absolute;top:4px;right:4px;opacity:1!important}.sidebar>div[style*=height]{display:none}.main-area{height:100dvh;padding-bottom:58px;overflow:hidden}.topbar{gap:8px;height:50px;padding:0 14px}.topbar-title{font-size:14px}.topbar-title span,.search-box{display:none}.page-content{padding:14px 12px}.page-header{flex-direction:column;align-items:flex-start;gap:10px}.page-actions{flex-wrap:wrap;width:100%}.grid-4,.grid-3,.grid-2,.grid-21,.grid-12,.grid-132,.form-grid-2,.form-grid-3{grid-template-columns:1fr!important}.form-grid-2>*,.form-grid-3>*{grid-column:1!important}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-toolbar{gap:6px;padding:10px 12px}thead th{padding:9px 10px;font-size:9px}tbody td{padding:10px;font-size:12px}.filter-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.filter-tab{flex-shrink:0}.modal-overlay{align-items:flex-end;padding:0}.modal,.modal-lg{border-radius:20px 20px 0 0;width:100%;max-height:92dvh;max-width:100%!important}.modal-header{padding:16px 16px 12px}.modal-body{padding:0 16px}.modal-footer{padding:12px 16px}.stat-value{font-size:24px}.card{padding:14px}.vault-pass{letter-spacing:1px}.btn{padding:8px 13px}.btn-sm{padding:5px 10px;font-size:11px}}@media (max-width:480px){.page-title{font-size:17px}.stat-value{font-size:20px}.page-actions>.btn{flex:1;justify-content:center;min-width:0}.hide-mobile{display:none!important}.topbar{padding:0 10px}}[data-theme=light] .sidebar{background:#1e293b!important}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}