:root{--navy:#091a31;--navy2:#102640;--surface:#f6f8fc;--card:#fff;--ink:#1a2b42;--muted:#7d8b9f;--line:#e8edf4;--accent:#0a74e7;--accent2:#1262c3;--green:#0a986c;--radius:14px}*{box-sizing:border-box}body{margin:0;background:var(--surface);color:var(--ink);font:14px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{width:244px;background:var(--navy);color:#fff;display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;padding:29px 24px 30px}.brand-mark{width:39px;height:39px;display:grid;place-items:center;background:linear-gradient(135deg,#1169df,#36b5dd);border-radius:11px;font-size:23px;font-weight:800;color:white}.brand strong{display:block;font-size:21px;letter-spacing:1.4px;line-height:1.1}.brand span{display:block;color:#7f99bb;letter-spacing:2.7px;font-size:9px;margin-top:5px;font-weight:700}.side-caption{padding:10px 24px;color:#6380a6;letter-spacing:1.7px;font-size:10px;font-weight:800}.sidebar nav{display:flex;flex-direction:column;gap:5px;padding:9px 12px}.nav-link{display:flex;align-items:center;gap:13px;color:#a6b8d0;padding:12px 16px;border-radius:9px;font-weight:600;transition:.2s}.nav-link:hover{color:#fff;background:#172f4e}.nav-link.active{color:#fff;background:#164479;border-left:3px solid #48baf6;padding-left:13px}.nav-icon{font-size:20px;color:#76a2d9;width:22px;text-align:center}.sidebar-bottom{margin-top:auto;padding:14px}.sidebar-chip{border:1px solid #28405c;background:#132945;border-radius:10px;display:flex;align-items:center;gap:9px;padding:13px 12px;margin-bottom:20px}.chip-dot,.secure-dot{height:8px;width:8px;border-radius:50%;background:#45deb4;box-shadow:0 0 0 3px #45deb41c}.sidebar-chip strong,.sidebar-chip small{display:block}.sidebar-chip strong{font-size:11px}.sidebar-chip small{font-size:10px;color:#93a8c5;margin-top:3px}.user-tile{display:flex;align-items:center;gap:9px;border-top:1px solid #1d344e;padding:15px 2px}.avatar,.top-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#166ad1;color:white;font-weight:800}.user-details{overflow:hidden}.user-details strong,.user-details small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-details strong{font-size:12px}.user-details small{font-size:10px;color:#91a4be}.logout{background:transparent;color:#a8bdd5;border:0;width:100%;text-align:left;display:flex;justify-content:space-between;padding:11px 6px}.logout:hover{color:#fff}.main-column{display:flex;flex-direction:column;min-width:0;flex:1}.topbar{height:69px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;color:var(--muted);font-size:12px}.crumb{color:#8b98a8}.crumb-div{padding:0 12px;color:#cad2dc}.crumb-active{color:#20354e;font-weight:700}.top-actions{display:flex;align-items:center;gap:10px}.top-avatar{width:31px;height:31px;margin-left:17px}.content{flex:1;padding:36px;max-width:1720px;width:100%;margin:0 auto}.footer{padding:20px 36px 26px;color:#a1acbb;display:flex;justify-content:space-between;font-size:11px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}.eyebrow{letter-spacing:1.75px;color:#5b87af;font-weight:800;font-size:10px;margin-bottom:7px}.page-head h1{font-size:29px;letter-spacing:-.8px;margin:0 0 7px;font-weight:780}.page-head p{margin:0;color:#8391a3;font-size:13px}.spark{font-size:16px;color:#34b6e2;vertical-align:top;margin-left:3px}.button{padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:9px;border:1px solid transparent;font-weight:700;white-space:nowrap;font-size:12px;transition:.16s}.button:hover{transform:translateY(-1px)}.button.primary{background:#126ddd;color:white;box-shadow:0 4px 10px #135ba820}.button.primary:hover{background:#095cc1}.button.light{background:#fff;border-color:#dfe6ef;color:#334c68}.button.light:hover{border-color:#a6b9d3}.button.small{padding:8px 12px;font-size:11px}.button.wide{width:100%}.plus{font-size:19px;line-height:1}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:22px}.stat-card{border:1px solid var(--line);background:white;border-radius:var(--radius);padding:20px 22px;box-shadow:0 5px 14px #173e7010}.stat-label{color:#7f8c9d;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:space-between}.stat-icon{font-size:18px;width:35px;height:35px;border-radius:10px;display:grid;place-items:center}.stat-icon.blue{color:#126bdd;background:#eaf3ff}.stat-icon.violet{color:#7f65d0;background:#f0ecff}.stat-icon.teal{color:#17a1ad;background:#e5fbfa}.stat-icon.green{color:#15966f;background:#e7fbf1}.stat-number{font-size:33px;font-weight:800;letter-spacing:-1.6px;margin:7px 0 0}.stat-foot{color:#9cabb8;font-size:11px;margin-top:2px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:19px;margin-bottom:20px}.bottom-panels{grid-template-columns:1fr 1fr}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 4px 14px #173e7009;min-width:0;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 23px;border-bottom:1px solid #f0f3f7}.panel-header h2{margin:0;font-size:15px;letter-spacing:-.15px}.panel-header p{margin:4px 0 0;color:#96a2b1;font-size:11px}.text-link{color:#0d74df;font-size:12px;font-weight:750}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{padding:13px 22px;text-transform:uppercase;letter-spacing:.75px;font-size:9px;background:#fbfcfe;color:#9aabba;font-weight:800}td{border-top:1px solid #f1f3f7;padding:13px 22px;font-size:12px;color:#597087}td strong{color:#33465c;font-weight:750}table tr:hover td{background:#fcfdff}.asset-link{display:flex;align-items:center;gap:10px;color:#263d55;font-weight:720}.asset-link:hover{color:#096ee3}.asset-link small{font-size:10px;color:#94a2b1;font-weight:400}.device-icon{width:29px;height:29px;background:#edf5ff;color:#3983cf;border-radius:8px;display:grid;place-items:center;font-size:17px;flex-shrink:0}.muted,.table-sub{color:#8b98a8}.table-sub{display:block;font-size:10px;margin-top:2px}.pill{padding:4px 9px;display:inline-flex;align-items:center;border-radius:99px;font-size:10px;font-weight:750;white-space:nowrap}.pill.positive{background:#e6f8ef;color:#0c9b69}.pill.neutral{background:#eef1f6;color:#7a8797}.pill.amber{background:#fff4e3;color:#b7791f}.pill.blue{background:#eaf2ff;color:#2278d1}.client-breakdown{padding:18px 23px 5px}.break-row{display:block;padding:10px 0 13px}.break-top{display:flex;justify-content:space-between;gap:12px;font-size:11px}.break-top strong{max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:690}.break-top span{color:#90a0b2}.progress{background:#e9eff6;height:5px;border-radius:9px;margin-top:9px}.progress div{background:#2085e5;border-radius:9px;height:5px;min-width:0}.panel-footer{padding:14px 23px;border-top:1px solid #f0f3f7;margin-top:12px}.category-grid{padding:16px 24px}.category-row{display:flex;justify-content:space-between;border-bottom:1px solid #f2f4f7;padding:12px 0;color:#66788d;font-size:12px}.category-row strong{color:#22374f}.activity-list{padding:10px 23px}.activity-item{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid #f2f4f7}.activity-item strong,.activity-item small{display:block}.activity-item strong{font-size:12px;color:#344c63}.activity-item small{color:#94a3b1;font-size:11px;margin-top:2px}.activity-dot{background:#2b97e8;width:9px;height:9px;border-radius:50%;margin-top:5px;flex-shrink:0}.empty-table{text-align:center;padding:38px;color:#99a6b5}.empty-table a{color:#166ddb;text-decoration:underline}.empty-small{padding:24px 12px;color:#96a4b4;font-size:12px}.toolbar,.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 22px}.search-form{display:flex;flex:1;max-width:540px;gap:9px}.search-form input{flex:1}.toolbar-count,.result-count{font-size:11px;color:#98a6b5}.client-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:20px}.client-card{border:1px solid #e5ebf3;border-radius:12px;padding:20px;transition:.2s}.client-card:hover{border-color:#b4d5f4;box-shadow:0 8px 15px #123f6b10}.client-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.client-monogram{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;color:#166bd0;background:#eaf4ff;font-size:17px;font-weight:800}.client-card>strong{display:block;font-size:14px;margin-bottom:3px}.client-card>small{display:block;color:#8c9caf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-card-bottom{display:flex;justify-content:space-between;color:#73869c;font-size:11px;border-top:1px solid #edf1f6;margin-top:17px;padding-top:13px}.client-card-bottom span:last-child{color:#1474d8}.empty-state{grid-column:1/-1;display:flex;align-items:center;flex-direction:column;padding:55px 15px;gap:9px;text-align:center}.empty-state p{color:#8a9bac;margin:0 0 14px}.empty-symbol{font-size:32px;color:#5e9ad6}.form-panel{max-width:1000px}.detail-form{padding:27px}.section-title strong{font-size:15px}.section-title p{font-size:12px;color:#91a1b1;margin:4px 0 18px}.section-title.separated{border-top:1px solid #e8eef5;margin-top:25px;padding-top:24px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.form-grid label,.stack-form label,.mini-form label,.filter-bar label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:730;color:#657990}.form-grid .full{grid-column:1/-1}input,textarea,select{border:1px solid #dce5f0;border-radius:8px;background:#fff;outline:none;padding:11px 12px;color:#2f4560;width:100%;font-size:12px;transition:border .15s}input:focus,select:focus,textarea:focus{border-color:#1c81df;box-shadow:0 0 0 3px #187be817}input::placeholder{color:#abb9c7}textarea{resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #e9eef5;margin-top:28px;padding-top:22px}.detail-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(285px,1fr);gap:20px}.wide-column,.narrow-column{display:flex;flex-direction:column;gap:20px;min-width:0}.compact-list{padding:8px 23px}.compact-row{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #f0f3f7}.compact-row strong,.compact-row small{display:block}.compact-row strong{font-size:12px}.compact-row small{font-size:11px;color:#99a7b5;margin-top:2px}.location-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#ecf4ff;color:#2b79ca;font-size:19px}.mini-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px 23px;border-top:1px solid #eef1f6}.mini-form label:first-of-type{grid-column:1/-1}.mini-form button{grid-column:1/-1}.side-panel{padding-bottom:19px}.side-panel>.stack-form,.side-panel>form:not(.mini-form){margin:17px 20px 0}.token-box{background:#f5f8fc;border:1px dashed #ccd8e6;border-radius:10px;margin:19px 20px 11px;padding:15px}.token-box code{display:block;font-size:14px;font-weight:800;color:#0c477b;margin:9px 0}.token-box small{display:block;color:#8a9bae;font-size:10px}.token-label{color:#96a6b5;text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:800}.note-banner{margin:14px 20px;font-size:11px;color:#708296;background:#f3f8ff;padding:12px;border-radius:9px}.stack-form{display:flex;flex-direction:column;gap:14px}.notice{margin:0 0 20px;border-radius:12px;padding:16px 18px;font-size:12px}.notice p{margin:5px 0 0}.notice.reveal,.notice.info{background:#e8f3ff;border:1px solid #bee0ff;color:#235b88}.notice.danger{background:#fff0f0;color:#b33131;border:1px solid #f4cece}.token-line{display:flex;align-items:center;gap:12px;margin-top:14px;overflow-wrap:anywhere}.token-line code{background:white;padding:10px;border-radius:7px;flex:1;font-size:12px}.filter-bar{align-items:end;flex-wrap:wrap;justify-content:flex-start}.filter-bar label{min-width:130px;flex:1}.filter-bar .filter-search{flex:2;min-width:180px}.result-count{padding:9px 22px 14px}.assets-table th,.assets-table td{padding-left:17px;padding-right:17px}.table-arrow{font-size:21px;color:#8ea4bc}.asset-summary{padding:20px 22px;border-radius:13px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;gap:14px;margin-bottom:20px}.big-device-icon{font-size:27px;width:53px;height:53px;background:#eaf4ff;color:#3984c8;border-radius:12px;display:grid;place-items:center}.summary-title{display:flex;flex-direction:column;gap:2px}.summary-title strong{font-size:15px}.summary-title span{font-size:12px;color:#91a2b3}.summary-status{display:flex;gap:7px;margin-left:auto}.spec-grid{display:grid;grid-template-columns:repeat(2,1fr);padding:8px 23px 19px}.spec-grid>div{border-bottom:1px solid #eef2f7;padding:16px 6px}.spec-grid span,.spec-grid strong{display:block}.spec-grid span{font-size:11px;color:#94a4b3}.spec-grid strong{font-size:12px;color:#2a4056;margin-top:6px;word-break:break-word}.meta-list{padding:8px 22px}.meta-list>div{border-bottom:1px solid #edf1f6;padding:13px 0;display:flex;flex-direction:column;gap:4px}.meta-list span{font-size:11px;color:#95a3b4}.meta-list strong{font-size:12px;color:#37516d;word-break:break-word}.history-list{padding:14px 23px}.history-row{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid #eef2f6}.history-marker{width:10px;height:10px;background:#1c8be0;border:3px solid #d4eafb;border-radius:50%;box-sizing:content-box;margin-top:2px;flex-shrink:0}.history-row strong,.history-row span{display:block}.history-row strong{font-size:12px}.history-row span{font-size:11px;color:#91a1b2;margin-top:3px}.history-row pre{background:#f7f9fc;border-radius:8px;padding:12px;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;color:#61758c;font-family:ui-monospace,monospace;font-size:10px}.notes-view{padding:0 22px;color:#71849a;font-size:12px;white-space:pre-wrap}.export-panel{display:flex;align-items:flex-start;gap:24px;padding:28px;margin-bottom:18px;max-width:830px}.export-icon{border-radius:12px;background:#eaf4ff;color:#1e77cb;font-size:35px;min-width:70px;height:70px;display:grid;place-items:center}.export-panel h2{font-size:17px;margin:0 0 6px}.export-panel p{color:#71849a;line-height:1.7;margin:0 0 17px}.mobile-menu{display:none}.login-body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top right,#174c79,transparent 55%),#071628;padding:25px}.login-card{width:100%;max-width:415px;background:#fff;border-radius:18px;padding:36px;box-shadow:0 22px 65px #020b15a6}.login-brand{padding:0}.login-brand .brand-mark{font-size:24px}.login-brand strong{color:#172c46}.login-brand span{color:#7490a8}.login-heading{margin:37px 0 23px}.login-heading h1{font-size:25px;letter-spacing:-.8px;margin:0 0 6px}.login-heading p{color:#8fa0af;font-size:12px;margin:0}.login-card .stack-form{gap:18px}.login-card input{padding:13px}.login-card .button{margin-top:10px;font-size:13px}.login-note{font-size:10px;color:#a2b0bf;margin:27px 0 0;line-height:1.8;text-align:center}
@media(max-width:1170px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.detail-layout{grid-template-columns:1fr}.client-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{position:fixed;left:-260px;transition:left .2s;z-index:10;box-shadow:8px 0 20px #0002}.sidebar.open{left:0}.mobile-menu{display:block;background:transparent;border:0;font-size:21px;padding:0;color:#344f6b}.topbar{padding:0 16px;height:62px;gap:12px}.top-actions{font-size:0}.top-avatar{font-size:12px;margin-left:4px}.content{padding:23px 16px}.page-head{align-items:flex-start;flex-wrap:wrap}.page-head h1{font-size:25px}.stat-grid{gap:10px}.stat-card{padding:17px}.stat-number{font-size:28px}.dashboard-grid{gap:13px}.client-cards{grid-template-columns:1fr;padding:12px}.form-grid,.mini-form,.spec-grid{grid-template-columns:1fr}.form-grid .full,.mini-form label:first-of-type,.mini-form button{grid-column:1}.detail-form{padding:18px}.summary-status{flex-direction:column}.filter-bar{padding:12px}.filter-bar label{min-width:100%}.footer{padding:20px;font-size:10px}.token-line{flex-wrap:wrap}.token-line code{width:100%}}

.asset-link span:not(.device-icon){display:flex;flex-direction:column;gap:1px}