:root{--bg:#f5f7f6;--panel:#fff;--ink:#21342e;--muted:#82918b;--subtle:#5f7169;--border:#e5ebe7;--green:#087f65;--green-dark:#07634f;--green-soft:#e9f5ef;--sidebar:#17382f;--shadow:0 5px 22px rgba(29,58,44,.035);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);font-synthesis:none;background:var(--bg);font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:var(--green);text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #74cfb5;outline-offset:3px}input:focus,select:focus{outline:none;border-color:#27947a;box-shadow:0 0 0 3px #e9f5ef}button{border:0}svg{display:block}.icon{width:19px;height:19px;flex-shrink:0;stroke:currentColor;stroke-width:1.75;fill:none;stroke-linecap:round;stroke-linejoin:round}button .icon{width:17px;height:17px}.logo-mark{display:flex;align-items:center;justify-content:center;gap:4px;width:35px;height:35px;border-radius:10px;background:var(--green);color:white}.logo-mark i{width:3px;background:currentColor;display:block;border-radius:3px;height:13px}.logo-mark i:nth-child(2){height:23px}.logo-mark i:nth-child(3){height:18px}.logo-mark i:nth-child(4){height:10px}.brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:650;letter-spacing:.5px}.brand small{font-size:10px;color:#9eb5a9;font-weight:450;letter-spacing:1.8px;display:block;margin-top:3px}.brand-text{line-height:1.1}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;padding:10px 16px;border-radius:8px;background:var(--green);color:white;font-weight:550;border:1px solid transparent;white-space:nowrap;transition:background .075s,box-shadow .075s}.button:hover{background:var(--green-dark);box-shadow:0 2px 7px #0b725b17}.button.secondary{background:white;color:var(--subtle);border-color:var(--border)}.button.secondary:hover{background:#f5f9f6;border-color:#bfcec4}.button.danger{background:#b94740}.button.small{min-height:33px;padding:7px 11px;font-size:12px}.button.ghost{background:transparent;color:var(--subtle);border-color:transparent;padding:8px}.button.ghost:hover{background:#edf2ee}.button.link{background:transparent;color:var(--green);padding:0;min-height:24px;border:0}.icon-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--subtle);border:1px solid transparent;border-radius:7px;width:33px;height:33px}.icon-button:hover{background:#eef4f0;color:var(--green)}.icon-button.danger:hover{background:#fff1f0;color:#b94740}.text-muted{color:var(--muted)}.mono{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:12px}.pill{display:inline-flex;gap:5px;align-items:center;border-radius:5px;padding:4px 7px;font-size:11px;background:var(--green-soft);color:#158267;white-space:nowrap}.pill.gray{background:#f0f3f1;color:#8a9690}.pill.amber{background:#fff6e6;color:#a57a28}.dot{height:6px;width:6px;border-radius:100%;background:currentColor;display:inline-block;flex-shrink:0}.spinner{height:23px;width:23px;border:2px solid #dbe8e0;border-top-color:var(--green);border-radius:50%;animation:spin .4s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.initial-loader{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--muted);gap:10px}.layout{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;top:0;bottom:0;width:224px;background:var(--sidebar);color:#d3e2d9;padding:32px 22px 18px;display:flex;flex-direction:column;z-index:30}.sidebar .brand{padding:0 9px;color:white}.sidebar .logo-mark{background:#2a594a;color:#c5ecdc}.workspace-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.6px;color:#789a8b;margin:43px 13px 14px}.nav{display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;padding:13px 14px;width:100%;text-align:left;border-radius:8px;background:none;color:#a7c0b3;font-size:13px;letter-spacing:.1px}.nav-item:hover{background:#21483c;color:#e1f3e8}.nav-item.active{background:#2a5747;color:#e6f7ed;box-shadow:inset 3px 0 #93d5b5}.nav-item .count{margin-left:auto;font-size:10px;background:#53736045;border:1px solid #6f947146;border-radius:5px;padding:2px 5px}.side-spacer{flex:1;min-height:45px}.local-status{border:1px solid #4464547d;border-radius:9px;padding:13px 13px 12px;margin-bottom:21px;background:#2444384d}.local-status .status-title{font-size:12px;display:flex;gap:7px;align-items:center;color:#c8e3d3}.local-status .dot{color:#91cfa9}.local-status p{font-size:10px;line-height:1.7;color:#8caa9a;margin:7px 0 0}.side-footer{border-top:1px solid #3c5a4b;padding:19px 5px 0;display:flex;align-items:center;gap:10px}.avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#d7e7dc;color:#446755;font-size:11px;font-weight:700;flex-shrink:0}.side-footer .user-name{font-size:12px;max-width:99px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-footer .user-role{font-size:10px;color:#809e8e;margin-top:4px}.side-footer .icon-button{margin-left:auto;color:#9fb7a9;width:25px}.side-footer .icon-button:hover{background:#315346}.content{grid-column:2;min-width:0}.topbar{height:74px;padding:0 38px;background:#ffffffdc;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:12px;color:#97a39d}.breadcrumb strong{color:#4d6256;font-weight:500}.breadcrumb .icon{width:15px;height:15px}.top-actions{display:flex;align-items:center;gap:17px;color:#84968a;font-size:11px}.top-actions .divider{height:15px;border-left:1px solid #dce6de}.help-button{display:flex;align-items:center;gap:5px;color:#73867b;background:none;padding:5px}.help-button .icon{height:15px;width:15px}.main{padding:32px 38px 30px;max-width:1600px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:#91a297;margin-bottom:8px}.page-heading h1{font-size:25px;letter-spacing:.3px;font-weight:650;line-height:1.35;margin:0 0 8px}.page-heading p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.heading-actions{display:flex;gap:9px}.filters{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px;flex-wrap:wrap}.filter-left,.filter-right{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.select-wrap{position:relative;display:flex;align-items:center;background:white;border:1px solid var(--border);border-radius:7px;padding-left:11px}.select-wrap .icon{width:15px;height:15px;color:#899b8f}.select-wrap select{border:0;outline:none;border-radius:7px;padding:10px 30px 10px 8px;background:transparent;color:#485f51;font-size:12px;max-width:245px}.date-presets{display:flex;border:1px solid var(--border);border-radius:7px;padding:3px;background:#fff;gap:2px}.date-presets button{padding:6px 12px;border-radius:4px;background:transparent;font-size:11px;color:#8b9a91}.date-presets button.active{background:#edf5ef;color:#287555;font-weight:600}.date-fields{display:flex;align-items:center;gap:6px;font-size:11px;color:#9aa89e}.date-fields input{height:34px;max-width:127px;border:1px solid var(--border);padding:6px 7px;background:white;color:#63786a;border-radius:6px;font-size:11px}.date-fields .icon-button{border:1px solid var(--border);background:white;height:34px;width:32px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:22px}.metric{background:white;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:11px;padding:20px 21px 18px;min-height:137px}.metric-top{display:flex;align-items:center;justify-content:space-between;color:var(--subtle);font-size:12px}.metric-icon{display:flex;justify-content:center;align-items:center;width:29px;height:29px;border-radius:8px;background:#f0f7f3;color:#658c76}.metric-icon .icon{width:15px;height:15px}.metric-value{font-size:30px;font-weight:620;letter-spacing:-.9px;margin:9px 0 10px;line-height:1.2}.metric-value.time-value{font-size:24px;letter-spacing:-.3px;margin-top:15px}.metric-foot{font-size:10px;color:#9aa69f;display:flex;gap:6px;align-items:center}.metric-foot .green{color:#3f9a74}.charts-row{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:20px;margin-bottom:21px}.card{background:white;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:11px;overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 23px 0;margin-bottom:10px}.card-title{font-size:13px;font-weight:600;display:flex;align-items:center;gap:7px}.card-subtitle{font-size:10px;color:#9aa79f;margin-top:5px}.card-meta{font-size:10px;color:#91a397;display:flex;align-items:center;gap:6px}.legend-dot{width:7px;height:7px;background:#5eaa88;border-radius:2px}.chart-wrap{padding:10px 21px 14px;min-height:212px;position:relative}.trend-chart{width:100%;height:190px;overflow:visible}.chart-empty-label{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);font-size:11px;color:#9aac9f;background:#ffffffe8;padding:7px 12px;border-radius:5px;white-space:nowrap}.breakdown{padding:12px 23px 21px}.breakdown-row{margin:0 0 15px}.breakdown-row:last-child{margin-bottom:0}.breakdown-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px}.breakdown-name{display:flex;align-items:center;gap:8px;color:#62766a}.breakdown-count{color:#99a89e;font-size:10px}.breakdown-count strong{color:#546e5d;font-weight:500;margin-right:7px}.progress-track{height:5px;width:100%;border-radius:6px;background:#f2f6f3;overflow:hidden}.progress-fill{height:100%;border-radius:6px;background:#67a78c}.mini-device{width:23px;height:23px;background:#f2f6f3;color:#789584;display:flex;align-items:center;justify-content:center;border-radius:6px}.mini-device .icon{width:13px;height:13px}.breakdown-empty{display:flex;min-height:172px;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#a4b1a7;font-size:11px;line-height:1.8;gap:13px}.breakdown-empty .icon{width:26px;height:26px;color:#c3d2c7}.table-card .card-header{padding-bottom:17px;margin:0}.table-tools{display:flex;gap:10px;align-items:center}.search-form{display:flex;align-items:center;border:1px solid var(--border);background:white;border-radius:7px;padding-left:10px}.search-form .icon{width:14px;height:14px;color:#93a297}.search-form input{border:0;width:185px;padding:9px 9px;background:none;outline:none;color:var(--subtle);font-size:11px;box-shadow:none}.search-form input::placeholder{color:#a4b1a8}.search-form button{height:29px;min-width:32px;color:#6e8375;background:none;font-size:11px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;letter-spacing:.2px;font-weight:500;color:#91a195;background:#f9fbfa;border-top:1px solid #f0f3f0;border-bottom:1px solid #edf2ed;padding:12px 18px}th:first-child,td:first-child{padding-left:24px}th:last-child,td:last-child{padding-right:23px}td{font-size:11px;color:#5b7162;padding:15px 18px;border-bottom:1px solid #f0f3f0;vertical-align:middle}tbody tr:hover{background:#fbfdfb}tbody tr:last-child td{border-bottom:0}.cell-primary{color:#4c6556;font-weight:500;max-width:160px;overflow:hidden;text-overflow:ellipsis}.cell-sub{color:#a0aea4;font-size:10px;margin-top:5px;max-width:185px;overflow:hidden;text-overflow:ellipsis}.ip-cell{display:flex;align-items:center;gap:8px}.ip-location{font-size:12px}.ip-dot{height:5px;width:5px;background:#8ab59c;border-radius:100%;flex-shrink:0}.version-tag{display:inline-block;padding:3px 6px;border:1px solid #e6eee8;border-radius:4px;background:#f7faf8;font-size:10px;color:#64806e;max-width:150px;overflow:hidden;text-overflow:ellipsis}.version-tag.unknown{color:#a5afa7;background:#fafbfa;border-color:#eef1ee}.table-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 23px;border-top:1px solid #edf2ed;color:#9aaba0;font-size:10px}.pagination{display:flex;align-items:center;gap:7px}.pagination .icon-button{border:1px solid var(--border);width:28px;height:28px;background:white}.page-number{padding:7px 10px;color:#437c5c;border-radius:5px;background:#eff7f1}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:42px 24px 45px}.empty-icon{height:52px;width:52px;background:#edf6f0;color:#70a68a;border:1px solid #e2eee6;border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:15px}.empty-icon .icon{height:25px;width:25px}.empty-state h3{font-size:14px;font-weight:550;margin:0 0 9px}.empty-state p{color:#98a79b;font-size:12px;line-height:1.8;max-width:380px;margin:0 0 19px}.empty-actions{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.subnote{font-size:10px;color:#a6b2a9;margin-top:22px;display:flex;align-items:flex-start;gap:6px;line-height:1.8}.subnote .icon{width:13px;height:13px;margin-top:2px;flex-shrink:0}.main-footer{display:flex;justify-content:space-between;gap:15px;margin-top:24px;font-size:10px;color:#acb7af;letter-spacing:.2px}.main-footer .footer-brand{color:#95a79a}.site-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.site-card{padding:24px;background:white;border:1px solid var(--border);border-radius:11px;box-shadow:var(--shadow)}.site-card-top{display:flex;justify-content:space-between;align-items:flex-start}.site-avatar{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#ecf5ef;color:#5b9878;border-radius:11px}.site-avatar .icon{width:21px;height:21px}.site-card h3{font-size:15px;font-weight:580;margin:17px 0 8px;overflow:hidden;text-overflow:ellipsis}.site-domain{color:#9bac9f;font-size:11px;overflow:hidden;text-overflow:ellipsis}.site-stats{display:flex;align-items:center;gap:29px;padding:23px 0;border-bottom:1px solid #edf1ed;margin-bottom:18px}.site-stats strong{font-size:21px;font-weight:550;display:block;letter-spacing:-.5px}.site-stats small{display:block;font-size:10px;color:#9eada1;margin-top:6px}.site-stats .last-seen{font-size:12px;color:#6c8372;letter-spacing:0}.site-card-actions{display:flex;align-items:center;gap:5px;justify-content:space-between}.site-card-actions .button{font-size:11px}.site-actions-right{display:flex;gap:2px}.site-add-card{background:transparent;border:1px dashed #cfdcd2;border-radius:11px;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#91a799;gap:14px}.site-add-card:hover{background:#eef5ef;border-color:#aac8b4}.site-add-card .icon{width:24px;height:24px}.site-add-card span{font-size:12px}.integration-guide{margin-top:24px;background:#eef5f0;border:1px solid #e0ece3;border-radius:10px;padding:22px 25px;display:flex;align-items:center;gap:22px}.integration-guide>.icon{width:27px;height:27px;color:#88ad95}.integration-guide h3{font-size:12px;margin:0 0 6px;font-weight:550}.integration-guide p{margin:0;font-size:11px;color:#8b9f8f;line-height:1.7}.integration-guide .button{margin-left:auto;font-size:11px}.loading-panel{min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#94a297;font-size:12px}.error-panel{padding:32px;text-align:center;line-height:1.8;color:#8f7772;font-size:13px}.mobile-toggle{display:none}.mobile-backdrop{display:none}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1fr) 1fr;background:white}.auth-story{background:#153d30;overflow:hidden;position:relative;color:#e2f4e8;display:flex;flex-direction:column;justify-content:space-between;padding:48px 8vw 35px}.auth-story .brand{font-size:23px}.auth-story .logo-mark{background:#3d7258;color:#dcf6e4}.auth-story .brand small{color:#93bca3}.story-main{padding:55px 0 35px;position:relative;z-index:1}.story-label{font-size:10px;letter-spacing:3px;color:#88b99b;margin-bottom:20px}.story-main h1{font-size:38px;line-height:1.5;font-weight:560;letter-spacing:1px;margin:0 0 18px}.story-main h1 span{color:#94c9a5}.story-main p{color:#93b69f;font-size:12px;line-height:2;max-width:360px}.auth-art{position:relative;margin:39px -10px 18px 0;height:153px;display:flex;align-items:flex-end;gap:12px;padding:22px 25px;border:1px solid #3f654e;border-radius:14px;background:linear-gradient(120deg,#2b5840b8,#224b36a3);box-shadow:0 16px 50px #06201445;transform:rotate(-3deg)}.auth-art .art-bar{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(#8bbf96,#548c6b55);position:relative;min-height:18px}.art-bar:nth-child(1){height:30%}.art-bar:nth-child(2){height:47%}.art-bar:nth-child(3){height:37%}.art-bar:nth-child(4){height:65%}.art-bar:nth-child(5){height:53%}.art-bar:nth-child(6){height:78%}.art-bar:nth-child(7){height:68%}.art-bar:nth-child(8){height:95%}.art-caption{position:absolute;top:-14px;right:-16px;background:#e6f3e7;color:#476c51;border:1px solid #bad8c1;border-radius:8px;padding:10px 12px;font-size:10px;box-shadow:0 5px 15px #152e2333;transform:rotate(3deg);display:flex;align-items:center;gap:8px}.art-caption .icon{width:14px;height:14px}.story-bottom{font-size:10px;letter-spacing:.8px;color:#6a947b;position:relative;z-index:1}.auth-story:before{content:"";position:absolute;border-radius:50%;width:530px;height:530px;border:1px solid #40674b4a;left:-330px;top:180px;box-shadow:0 0 0 75px #3f6e450a,0 0 0 150px #3f6e4509}.auth-form-side{display:flex;align-items:center;justify-content:center;padding:60px 45px;position:relative}.auth-form-wrap{width:100%;max-width:350px}.auth-kicker{font-size:10px;font-weight:600;letter-spacing:2px;color:#83a48e;margin-bottom:16px}.auth-form-wrap h2{margin:0 0 13px;font-size:26px;font-weight:620;letter-spacing:.5px}.auth-description{font-size:12px;line-height:1.9;color:#91a296;margin:0 0 34px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.field label{font-size:12px;color:#657c6b;font-weight:500}.field input,.field select{width:100%;height:44px;border:1px solid #dfe8e1;border-radius:8px;padding:11px 13px;color:#345542;background:white;font-size:13px}.field input::placeholder{color:#b0bcb2}.field small{font-size:10px;color:#a0afa3;line-height:1.7}.password-field{position:relative}.password-field input{padding-right:42px}.password-field .icon-button{position:absolute;right:6px;top:6px}.auth-submit{width:100%;margin-top:7px;min-height:44px}.auth-bottom-note{margin-top:23px;display:flex;align-items:flex-start;gap:8px;color:#a1afa5;font-size:10px;line-height:1.8}.auth-bottom-note .icon{width:14px;height:14px;margin-top:2px}.auth-version{position:absolute;bottom:28px;font-size:10px;color:#b0bdb3;letter-spacing:1px}.form-error{padding:10px 12px;background:#fff2ef;border:1px solid #f4d9d1;border-radius:6px;color:#b26050;font-size:11px;line-height:1.7;margin-bottom:15px}.form-error:empty{display:none}dialog{padding:0;border:1px solid #dce7df;border-radius:14px;box-shadow:0 25px 100px #14332230;width:530px;max-width:calc(100% - 32px);max-height:calc(100% - 50px);color:var(--ink)}dialog::backdrop{background:#122e2266;backdrop-filter:blur(3px)}.modal-heading{padding:23px 26px 18px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.modal-heading h2{font-size:17px;font-weight:580;margin:0 0 7px}.modal-heading p{font-size:11px;color:#94a398;line-height:1.7;margin:0}.modal-body{padding:23px 26px 25px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:26px}.modal-note{display:flex;align-items:flex-start;gap:8px;background:#f1f7f2;border-radius:8px;padding:12px 13px;color:#829a88;font-size:11px;line-height:1.9}.modal-note .icon{width:15px;height:15px;flex-shrink:0;margin-top:3px}.code-block{background:#17382f;border-radius:9px;padding:19px;color:#c0e5ca;font-size:11px;font-family:"SFMono-Regular",Consolas,monospace;line-height:1.9;word-break:break-all;white-space:pre-wrap;margin:15px 0 13px;max-height:240px;overflow:auto}.code-step{font-size:11px;color:#889e8e;line-height:1.9}.code-step code{background:#edf3ee;border-radius:4px;padding:2px 5px;color:#63816c}.code-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:19px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 25px;margin:0}.detail-grid dt{color:#9aaca0;font-size:10px;margin-bottom:6px}.detail-grid dd{margin:0;color:#4b6856;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.detail-grid .full{grid-column:1/-1}.help-item{margin-bottom:21px}.help-item:last-child{margin-bottom:0}.help-item h3{font-size:12px;font-weight:550;margin:0 0 8px;color:#567562;display:flex;gap:8px;align-items:center}.help-item h3 .icon{width:15px;height:15px}.help-item p{font-size:11px;line-height:1.9;margin:0;color:#8c9f90}.toast-region{position:fixed;right:25px;bottom:25px;z-index:1000;display:flex;flex-direction:column;gap:10px;max-width:calc(100vw - 40px)}.toast{background:#173d2f;color:#e4f6e9;border:1px solid #416d4e;padding:13px 17px;border-radius:8px;box-shadow:0 5px 25px #173d2f30;font-size:12px;display:flex;align-items:center;gap:9px;animation:slidein .09s ease}.toast.error{background:#6f3e35;color:#ffede5;border-color:#945b4c}.toast .icon{width:15px;height:15px}@keyframes slidein{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@media(min-width:1600px){.main{padding-top:40px}.metric{min-height:150px;padding-top:23px}.chart-wrap{min-height:245px}.trend-chart{height:220px}.breakdown-row{margin-bottom:20px}}@media(max-width:1200px){.sidebar{width:197px;padding-left:15px;padding-right:15px}.layout{grid-template-columns:197px minmax(0,1fr)}.main{padding:29px 25px}.topbar{padding:0 25px}.metric{padding:17px 15px}.metric-value{font-size:27px}.metrics{gap:12px}.charts-row{gap:16px;grid-template-columns:minmax(0,1.6fr) minmax(225px,1fr)}.card-header{padding-left:18px;padding-right:18px}.site-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.date-fields{display:none}.auth-story{padding-left:6vw;padding-right:6vw}.story-main h1{font-size:32px}}@media(max-width:960px){.layout{grid-template-columns:180px minmax(0,1fr)}.sidebar{width:180px;padding:28px 12px 16px}.brand{font-size:19px;gap:9px}.sidebar .brand{padding-left:7px}.logo-mark{width:32px;height:32px}.workspace-label{margin-top:37px}.nav-item{font-size:12px;padding:12px}.main{padding:25px 20px}.topbar{padding:0 20px;height:65px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.charts-row{grid-template-columns:minmax(0,1fr)}.breakdown{display:grid;grid-template-columns:1fr 1fr;gap:17px 24px}.breakdown-row{margin:0}.breakdown-empty{grid-column:1/-1;min-height:100px}.page-heading h1{font-size:23px}.heading-actions .button{padding:9px 11px;font-size:12px}.main-footer{font-size:9px}.auth-shell{grid-template-columns:.95fr 1fr}.auth-story{padding:40px 35px}.story-main h1{font-size:28px}.auth-form-side{padding:45px 35px}.auth-art{gap:8px}.table-tools{gap:6px}.search-form input{width:145px}}@media(max-width:700px){.layout{display:block}.sidebar{transform:translateX(-100%);transition:transform .1s;width:224px;padding:30px 22px 18px}.layout.menu-open .sidebar{transform:translateX(0)}.mobile-backdrop{position:fixed;inset:0;background:#142f235c;z-index:29}.layout.menu-open .mobile-backdrop{display:block}.topbar{height:61px;padding:0 17px}.mobile-toggle{display:flex}.breadcrumb{gap:8px;font-size:11px}.breadcrumb>.icon{display:none}.top-actions>span,.top-actions>.divider{display:none}.top-actions{gap:6px}.help-button{font-size:10px}.main{padding:25px 16px}.page-heading{align-items:flex-start;margin-bottom:21px;gap:10px}.page-heading h1{font-size:23px}.page-heading p{font-size:11px;max-width:260px}.eyebrow{font-size:9px}.heading-actions .refresh-text{display:none}.heading-actions{gap:6px;padding-top:14px}.heading-actions .button{min-height:35px;padding:8px 10px;font-size:11px}.metrics{gap:10px;margin-bottom:15px}.metric{min-height:126px;padding:16px 14px}.metric-value{font-size:27px;margin:10px 0}.metric-top{font-size:11px}.metric-icon{width:25px;height:25px}.metric-foot{font-size:9px;gap:4px}.metric-value.time-value{font-size:21px}.filters{gap:10px;margin-bottom:16px}.filter-left,.filter-right{gap:6px}.select-wrap select{max-width:185px;font-size:11px;padding:9px 24px 9px 7px}.date-presets button{padding:6px 9px;font-size:10px}.charts-row{gap:15px;margin-bottom:15px}.chart-wrap{padding:6px 14px 8px}.trend-chart{height:175px}.card-header{padding:18px 17px 0}.card-title{font-size:12px}.table-card .card-header{padding:18px 17px;flex-wrap:wrap}.table-tools{margin-left:auto}.table-tools .button{font-size:10px;min-height:30px;padding:7px}.search-form input{width:125px;padding:8px 6px;font-size:10px}.search-form{padding-left:7px}.table-bottom{padding:12px 17px;font-size:9px}.main-footer{flex-direction:column;gap:8px;margin-top:20px}.site-grid{grid-template-columns:1fr}.site-card{padding:21px}.site-add-card{min-height:140px}.integration-guide{gap:12px;padding:18px;align-items:flex-start}.integration-guide>.icon{width:22px}.integration-guide .button{display:none}.auth-shell{display:block;background:white}.auth-story{padding:27px 28px 23px;min-height:auto}.auth-story .brand{font-size:21px}.story-main{padding:23px 0 0}.story-main h1{font-size:25px;line-height:1.4;margin:0}.story-main h1 br{display:none}.story-main p{margin:11px 0 0;font-size:11px;line-height:1.9;max-width:none}.story-label,.auth-art,.story-bottom{display:none}.auth-form-side{padding:34px 28px 65px;min-height:480px}.auth-form-wrap{max-width:420px}.auth-kicker{display:none}.auth-form-wrap h2{font-size:22px}.auth-description{margin-bottom:24px;font-size:11px}.auth-version{bottom:20px;font-size:9px}.modal-heading{padding:20px}.modal-body{padding:20px}.modal-heading h2{font-size:16px}.detail-grid{gap:18px}.toast-region{right:16px;bottom:16px}.date-fields.mobile-show{display:flex}.topbar .user-mini{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.selected-time-range{display:flex;align-items:center;justify-content:flex-end;gap:6px;width:100%;font-size:10px;color:#8ba090;line-height:1.7}.selected-time-range .icon{width:13px;height:13px}@media(max-width:700px){.selected-time-range{justify-content:flex-start;font-size:9px;flex-wrap:wrap}}

/* Microscopic night theme. The background and hero imagery are drawn in Canvas. */
:root{color-scheme:dark;--bg:#0c0a10;--panel:#17121b;--ink:#f2eaf0;--muted:#a294a3;--subtle:#c6b7c5;--border:#342833;--green:#be3658;--green-dark:#a92c4c;--green-soft:#381c2b;--sidebar:#100d15;--shadow:0 8px 32px #00000020}
body{background:radial-gradient(ellipse at 77% 8%,#2d102025,transparent 55%),var(--bg)}
#virus-background{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;contain:strict}
#app{position:relative;z-index:1;min-height:100vh}
::selection{background:#8e2b4d;color:#fff}
button:focus-visible,a:focus-visible{outline-color:#ec8ca8}
input:focus,select:focus{border-color:#c8597a;box-shadow:0 0 0 3px #b73c5f25}
a{color:#eb8da7}
.brand small{color:#a18b9f}
.logo-mark{background:linear-gradient(140deg,#d34b70,#88283f);box-shadow:0 3px 20px #ab31552b}
.button{box-shadow:inset 0 1px 0 #ffffff12}
.button:hover{box-shadow:0 4px 16px #c0345729}
.button.secondary{background:#211a25;color:#d0c1cf;border-color:#44303e}
.button.secondary:hover{background:#30202d;border-color:#795067}
.button.ghost:hover,.icon-button:hover{background:#362333;color:#f2b1c5}
.button.link{color:#ef8ea9}
.button.danger{background:#a8394c}
.icon-button.danger:hover{background:#4b202c;color:#ffa0b1}
.pill{background:#3d1f2e;color:#e6a1b7}
.pill.gray{background:#302633;color:#b9a8b9}
.pill.amber{background:#3b3021;color:#d7b177}
.spinner{border-color:#41313f;border-top-color:#e27091}
.sidebar{background:linear-gradient(165deg,#19101bf7,#100d16fc 65%);border-right:1px solid #352334;color:#d8c6d5}
.sidebar .logo-mark,.auth-story .logo-mark{background:linear-gradient(135deg,#bd3c61,#592039);color:#ffe8f0}
.workspace-label{color:#8b7186}
.nav-item{color:#ac93a8}
.nav-item:hover{background:#2c1b2b;color:#f3dce9}
.nav-item.active{background:linear-gradient(95deg,#4e233b,#352033);color:#ffd5e5;box-shadow:inset 3px 0 #df6288}
.nav-item .count{background:#6b385c45;border-color:#87536c60}
.local-status{background:#22192380;border-color:#493044}
.local-status .status-title{color:#d2b6cd}
.local-status .dot{color:#dc7192;box-shadow:0 0 9px #e35a8b45}
.local-status p{color:#987c92}
.side-footer{border-color:#392535}
.avatar{background:#4a2940;color:#efb9d3}
.side-footer .user-role{color:#94768e}
.side-footer .icon-button{color:#b391a8}
.side-footer .icon-button:hover{background:#3a2434}
.topbar{background:#100d15df;border-bottom-color:#352333;backdrop-filter:blur(14px)}
.breadcrumb,.top-actions{color:#9d879a}
.breadcrumb strong{color:#d4becf}
.top-actions .divider{border-left-color:#493040}
.help-button{color:#c09caf}
.eyebrow{color:#be7998;letter-spacing:2.5px}
.page-heading h1{color:#f9eef6}
.page-heading p{color:#ab95a5}
.select-wrap,.date-presets,.date-fields input,.date-fields .icon-button,.search-form{background:#1c1520e8;border-color:#42303e}
.select-wrap .icon,.search-form .icon{color:#b58ba4}
.select-wrap select,.date-fields input{color:#cbb7c8}
.select-wrap select option{background:#1c1520;color:#f2eaf0}
.date-presets button{color:#ad92a7}
.date-presets button.active{background:#51273e;color:#f3b3cd}
.date-fields{color:#8e7589}
.metric,.card,.site-card{background:linear-gradient(120deg,#211721ec,#17131dec);border-color:#3b2a39;box-shadow:var(--shadow)}
.metric{position:relative;overflow:hidden}
.metric:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,#e5648f07,transparent 50%);border-radius:inherit}
.metric-icon{background:#3b2132;color:#d686a9}
.metric-value{color:#f6ebf3}
.metric-foot{color:#9e869a}
.metric-foot .green{color:#d68aa8}
.card-subtitle,.card-meta{color:#a38a9e}
.card-header>.icon{color:#9b778f}
.legend-dot{background:#e37294}
.chart-empty-label{background:#211722eb;color:#c59bb6;border:1px solid #3e2a3b}
.breakdown-name{color:#c9b2c2}
.breakdown-count{color:#997c92}
.breakdown-count strong{color:#e1bfd5}
.progress-track{background:#382635}
.progress-fill{background:#ce557b}
.mini-device{background:#382535;color:#bc83a3}
.breakdown-empty{color:#a889a0}
.breakdown-empty .icon{color:#6d4f65}
.search-form input::placeholder{color:#94768b}
.search-form button{color:#d29ebd}
th{color:#be9eb5;background:#211622;border-color:#3b2a38}
td{color:#cbb6c5;border-bottom-color:#322330}
tbody tr:hover{background:#39203245}
.cell-primary{color:#e0cbd9}
.cell-sub{color:#a78a9d}
.ip-dot{background:#e0789e;box-shadow:0 0 7px #df638d40}
.version-tag{background:#2a1d2b;border-color:#4b3046;color:#d5a1bf}
.version-tag.unknown{background:#221c27;border-color:#392e3e;color:#a08b9e}
.table-bottom{border-color:#3b2939;color:#a88c9f}
.pagination .icon-button{background:#241a29}
.page-number{background:#44233a;color:#edb2d0}
.empty-icon{background:#342031;color:#d88aaa;border-color:#55324b}
.empty-state p,.subnote{color:#a58b9e}
.main-footer{color:#806879}
.main-footer .footer-brand{color:#aa859b}
.site-avatar{background:#3b2033;color:#df83aa}
.site-domain,.site-stats small{color:#ac8ca3}
.site-stats{border-color:#412a3b}
.site-stats .last-seen{color:#cfabc1}
.site-add-card{background:#17101b60;border-color:#62405a;color:#c198b4}
.site-add-card:hover{background:#301c2b;border-color:#98607e}
.integration-guide{background:#211624e6;border-color:#4b2d43}
.integration-guide>.icon{color:#cd83aa}
.integration-guide p{color:#a98a9e}
.loading-panel{color:#ab8ca1}
.error-panel{color:#e3b2bc}
.auth-shell{background:transparent;grid-template-columns:1.08fr 1fr}
.auth-story{background:linear-gradient(145deg,#25112195,#140d1980 68%,#32102360);padding:40px clamp(32px,6vw,90px) 30px;color:#f4dce9;border-right:1px solid #46253c}
.auth-story .brand,.auth-story .story-main,.auth-story .story-bottom{position:relative;z-index:1}
.auth-story .brand small{color:#bd89a6}
.auth-story:before{width:600px;height:600px;left:50%;top:48%;transform:translate(-50%,-50%);border:none;background:radial-gradient(ellipse,#8e1c452a,transparent 64%);box-shadow:none}
.story-main{padding:38px 0 12px}
.story-label{font-size:9px;letter-spacing:2.8px;color:#c383a6}
.story-main h1{font-size:36px;line-height:1.45;font-weight:560;letter-spacing:1px;text-shadow:0 4px 24px #100511}
.story-main h1 span{color:#ec9aba}
.story-main p{color:#b993aa;line-height:1.9}
.auth-art{display:block;position:relative;height:280px;margin:7px -35px 0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;transform:none;pointer-events:none}
.virus-hero{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.virus-art-label{position:absolute;bottom:1px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.8px;white-space:nowrap;color:#b981a3}
.virus-art-label span{height:4px;width:4px;border-radius:50%;background:#dc7eaa;box-shadow:0 0 9px #e375a7}
.story-bottom{font-size:8px;letter-spacing:1.6px;color:#93677f}
.auth-form-side{background:linear-gradient(150deg,#17101be6,#0e0c14ed);padding:55px 45px}
.auth-form-wrap{max-width:360px}
.auth-kicker{color:#c487a5;letter-spacing:2.7px}
.auth-form-wrap h2{color:#f8eaf3}
.auth-description{color:#ae90a5}
.field label{color:#cfb0c4}
.field input,.field select{background:#211724;border-color:#4b3044;color:#f2ddea}
.field input::placeholder{color:#896d80}
.field input:focus,.field select:focus{border-color:#b85b85;box-shadow:0 0 0 3px #af3e6920}
.field small,.auth-bottom-note{color:#9d7c93}
.auth-submit{background:linear-gradient(110deg,#bb365c,#92315a);border-color:#d9537c70;box-shadow:0 5px 24px #a82d5122}
.auth-submit:hover{background:linear-gradient(110deg,#cf4770,#a33e68)}
.auth-version{color:#80647a}
.form-error{background:#431e2a;border-color:#6d3448;color:#f0a8b9}
dialog{background:#1d1422;border-color:#56364d;box-shadow:0 25px 100px #00000080}
dialog::backdrop{background:#08040cc4;backdrop-filter:blur(7px)}
.modal-heading p{color:#ac8ca3}
.modal-note{background:#302036;color:#c5a1ba}
.code-block{background:#100c16;border:1px solid #40293b;color:#e3b7d0}
.code-step{color:#b191a7}
.code-step code{background:#392339;color:#ecc2db}
.detail-grid dt{color:#ae8ba3}
.detail-grid dd{color:#e3c6d9}
.help-item h3{color:#dfb6d1}
.help-item p{color:#b08da3}
.toast{background:#321d31;color:#f5d5e8;border-color:#75435f;box-shadow:0 6px 30px #00000055}
.toast.error{background:#502130;color:#ffd1dc;border-color:#975365}
.selected-time-range{color:#bc91ad}
.mobile-backdrop{background:#0b040c9c;backdrop-filter:blur(3px)}
@media(min-width:1600px){.auth-art{height:350px}.story-main h1{font-size:42px}}
@media(max-width:960px){.auth-shell{grid-template-columns:1fr 1fr}.auth-story{padding:35px}.auth-form-side{padding:45px 30px}.story-main h1{font-size:29px}.auth-art{height:250px;margin:8px -25px 0}.story-bottom{font-size:7px;letter-spacing:1px}}
@media(max-width:700px){.auth-shell{display:block;background:transparent}.auth-story{padding:26px 28px 0;min-height:286px;border-right:0;border-bottom:1px solid #442339}.auth-story .brand{font-size:21px}.story-main{padding:23px 0 20px;min-height:199px;z-index:1}.story-main h1{font-size:25px;max-width:230px;position:relative;z-index:2}.story-main h1 br{display:block}.story-main p{font-size:10px;max-width:230px;position:relative;z-index:2;color:#d3a7c0}.story-label,.story-bottom{display:none}.auth-art{display:block;position:absolute;right:-51px;top:4px;width:245px;height:235px;margin:0;opacity:.64;z-index:0}.virus-art-label{display:none}.auth-form-side{padding:32px 28px 64px;min-height:480px}.auth-form-wrap{max-width:420px}.auth-form-wrap h2{font-size:22px}.auth-kicker{display:none}.auth-description{font-size:11px;margin-bottom:24px}.auth-version{font-size:9px;bottom:20px}}
@media(prefers-reduced-motion:reduce){.auth-submit,.button{transition:none}}

/* Crisp typography and independent reserved columns at every viewport size. */
:root{--muted:#b7a7b8;--subtle:#dfcedd;--border:#50394a}
.page-heading p{font-size:14px;color:#c2aabc;line-height:1.8}
.eyebrow{font-size:11px;color:#d59bb9}
.topbar{border-bottom-color:#50384b}
.breadcrumb,.top-actions{font-size:12px;color:#bea6b7}
.breadcrumb strong{color:#eddae7}
.help-button{color:#dcb9ce;font-size:12px}
.nav-item{font-size:14px;color:#c5a8bf}
.workspace-label{font-size:11px;color:#b290aa}
.local-status .status-title{font-size:13px;color:#e8cfe2}
.local-status p,.side-footer .user-role{font-size:11px;color:#b995ad}
.sidebar{border-right-color:#4c3046}
.metric,.card,.site-card{border-color:#503649}
.metric-top{font-size:14px;color:#dfc9d9}
.metric-foot{font-size:12px;color:#bba0b3;line-height:1.6}
.metric-foot .green{color:#eca3bf}
.metric-value{font-size:32px;font-weight:650}
.card-title{font-size:15px;color:#f2dfed}
.card-subtitle,.card-meta{font-size:12px;color:#bba0b4;line-height:1.6}
.select-wrap select,.date-fields input,.date-presets button{font-size:12px;color:#dfc7d8}
.date-presets button.active{color:#ffcee1}
.search-form input,.search-form button{font-size:12px}
.search-form input::placeholder{color:#b298ac}
.breakdown-head{font-size:13px}
.breakdown-name{color:#dfc8d7}
.breakdown-count{font-size:12px;color:#b798ad}
.breakdown-count strong{color:#efd2e5}
.breakdown-empty{font-size:12px;color:#bca0b5}
.chart-empty-label{font-size:12px;color:#dfb2cc}
.table-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:#815371 #201624;scrollbar-width:thin}
.table-scroll table{min-width:1300px}
th{font-size:12px;font-weight:600;color:#dbb7d0;border-top-color:#50354a;border-bottom-color:#5c3e54;padding:14px 19px}
td{font-size:13px;color:#e2cbdc;padding:17px 19px;border-bottom-color:#453040}
.table-card .mono{font-size:13px}
.cell-primary{font-size:13px;color:#f0dce9;font-weight:550;max-width:185px}
.cell-sub{font-size:12px;color:#bda0b4;line-height:1.5}
.ip-location{font-size:13px;color:#efd7e7}
.ip-dot{width:6px;height:6px}
.version-tag{font-size:12px;color:#ecc1db;border-color:#65415b;background:#352139;padding:4px 7px}
.version-tag.unknown{color:#ccb5c8;border-color:#514055;background:#2b2230}
th.unknown-column,td.unknown-column{width:78px;min-width:78px;text-align:center;padding-left:17px;padding-right:17px}
th.unknown-column{color:#f4c7e0;font-variant-numeric:tabular-nums}
.fixed-unknown{display:inline-block;font-size:12px;line-height:1.6;color:#c9aec4;white-space:nowrap}
.table-bottom{font-size:12px;color:#bda0b4;border-top-color:#51374a;padding-top:16px;padding-bottom:16px}
.table-tools .button.link{font-size:12px!important}
.page-number{font-size:12px;color:#ffcee9}
.subnote{font-size:12px;color:#bfa4b8;line-height:1.9}
.main-footer{font-size:11px;color:#a98a9f}
.main-footer .footer-brand{color:#bd99b0}
.site-domain,.site-stats small{font-size:12px;color:#c1a1b8}
.site-card-actions .button{font-size:12px}
.integration-guide h3{font-size:14px}
.integration-guide p{font-size:12px;color:#bda0b4}
.empty-state p{font-size:13px;color:#bda2b6}
.field label{font-size:13px;color:#e1c3d6}
.field input,.field select{font-size:14px;border-color:#67435b}
.field input::placeholder{color:#b08da5}
.field small,.auth-bottom-note{font-size:11px;color:#b997b0}
.auth-description{font-size:13px;color:#c3a2ba}
.story-main p{font-size:13px;color:#caa3bd}
.modal-heading p,.modal-note,.help-item p,.code-step{font-size:12px;color:#c4a4bc}
.modal-heading h2{font-size:18px}
.detail-grid dt{font-size:12px;color:#c6a1bd}
.detail-grid dd{font-size:13px;color:#f0d5e7}
.help-item h3{font-size:14px;color:#efd0e6}
.code-block{font-size:12px;color:#f0c7e0;border-color:#624059}
.toast{font-size:13px}
.selected-time-range{font-size:12px;color:#d0a7c3}
@media(min-width:1600px){.main{max-width:1840px}.main .page-heading h1{font-size:30px}.metric{min-height:158px}.metric-value{font-size:36px}.table-scroll table{min-width:1370px}th,td{padding-left:21px;padding-right:21px}.card-title{font-size:16px}.trend-chart{height:240px}.chart-wrap{min-height:265px}}
@media(min-width:2400px){.main{max-width:2240px;padding-left:48px;padding-right:48px}.main .page-heading h1{font-size:34px}.page-heading p{font-size:15px}.metric-top{font-size:15px}.metric-foot,.card-subtitle,.card-meta{font-size:13px}.card-title{font-size:17px}.table-scroll table{min-width:1480px}th{font-size:13px}td,.cell-primary,.ip-location,.table-card .mono{font-size:14px}.cell-sub,.version-tag,.fixed-unknown{font-size:13px}.trend-chart{height:280px}.chart-wrap{min-height:305px}}
@media(max-width:960px){.nav-item{font-size:13px}.metric-value{font-size:30px}.metric-foot{font-size:11px}.card-title{font-size:14px}}
@media(max-width:700px){.page-heading p{font-size:12px;max-width:240px}.eyebrow{font-size:10px}.breadcrumb,.help-button{font-size:11px}.metric-top{font-size:12px}.metric-value{font-size:28px}.metric-foot{font-size:10px;gap:4px}.metric{padding:16px 13px;min-height:139px}.metric-value.time-value{font-size:21px}.card-title{font-size:14px}.card-subtitle,.card-meta{font-size:11px}.select-wrap select,.date-presets button{font-size:11px}.table-tools .button{font-size:11px}.search-form input{font-size:11px}.table-scroll table{min-width:1300px}th{font-size:12px;padding-top:13px;padding-bottom:13px}td{font-size:13px;padding-top:15px;padding-bottom:15px}.table-bottom{font-size:11px;align-items:flex-start;flex-wrap:wrap;line-height:1.6}.subnote{font-size:11px}.main-footer{font-size:10px}.auth-description{font-size:12px}.story-main p{font-size:11px}.selected-time-range{font-size:11px}.modal-heading p,.modal-note,.help-item p{font-size:12px}}

/* One vector mark is shared by the browser tab and both brand placements. */
.logo-mark.virus-logo,.sidebar .logo-mark.virus-logo,.auth-story .logo-mark.virus-logo{display:block;width:40px;height:40px;flex:0 0 40px;background:none;border-radius:11px;box-shadow:none;object-fit:contain}
@media(max-width:960px){.logo-mark.virus-logo,.sidebar .logo-mark.virus-logo{width:36px;height:36px;flex-basis:36px}.auth-story .logo-mark.virus-logo{width:40px;height:40px;flex-basis:40px}}

/* Saved wallpaper choices share the same readable foreground palette. */
#appearance-background{display:none;position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#0c0a10}
#appearance-background:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,#08070d99,#10091170 60%,#09060c88)}
.appearance-wallpaper{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
body[data-background-mode="image"] #appearance-background{display:block}
body[data-background-mode="image"] #virus-background{display:none}
body[data-background-mode="image"] .auth-art{visibility:hidden}
body[data-background-mode="image"] .auth-story{background:linear-gradient(145deg,#25112170,#140d1945 68%,#32102350)}
body[data-background-mode="image"] .auth-story:before{display:none}
body[data-background-mode="image"] .auth-form-side{background:linear-gradient(150deg,#17101bdc,#0e0c14e8)}
.appearance-button{white-space:nowrap}
.appearance-modal{max-width:min(890px,calc(100vw - 32px));background:#1b121fe8;backdrop-filter:blur(22px)}
.appearance-modal::backdrop{background:#07040d80;backdrop-filter:blur(2px)}
.appearance-modal .modal-heading{padding-bottom:18px}
.appearance-modal .modal-heading p{max-width:690px}
.background-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.background-card{position:relative;min-width:0;overflow:hidden;border:1px solid #56374e;border-radius:11px;background:#251929;color:#edd9e8;padding:0;text-align:left;transition:border-color .08s,background .08s,box-shadow .08s}
.background-card:hover{border-color:#b17199;background:#302033}
.background-card.selected,.background-card[aria-pressed="true"]{border-color:#ed8bb8;box-shadow:0 0 0 2px #e27cad40;background:#382238}
.background-thumb{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:radial-gradient(ellipse at 30% 40%,#51203b,#130f1b)}
.background-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.background-thumb-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:#a77e99}
.background-card-copy{display:block;padding:13px 14px 14px}
.background-card-copy strong{display:block;font-size:14px;font-weight:600;color:#f4deee;margin-bottom:5px}
.background-card-copy small{display:block;font-size:11px;line-height:1.6;color:#b99bb0}
.background-check{position:absolute;top:9px;right:9px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid #dd9abe70;border-radius:50%;background:#170d20b8;color:transparent}
.background-check .icon{width:14px;height:14px}
.background-card.selected .background-check,.background-card[aria-pressed="true"] .background-check{background:#d36799;border-color:#f5b1d4;color:#fff}
.background-size{position:absolute;bottom:8px;left:9px;background:#090910a8;border:1px solid #e5c5e01a;padding:3px 6px;border-radius:4px;color:#e4d6e3;font-size:10px;letter-spacing:.2px;font-family:"SFMono-Regular",Consolas,monospace}
.background-procedural{grid-column:1/-1;display:flex;align-items:center;padding:9px 14px;min-height:76px}
.background-procedural .background-card-copy{padding:3px 16px}
.background-procedural .background-check{top:50%;transform:translateY(-50%);right:17px}
.background-procedural-art{width:49px;height:49px;display:flex;align-items:center;justify-content:center;border:1px solid #a8587a70;border-radius:50%;background:radial-gradient(circle at 35% 30%,#a32f5e,#25132f);color:#ffd0e4;box-shadow:inset 0 0 15px #f1a1c425;flex-shrink:0}
.background-procedural-art .icon{width:25px;height:25px}
.background-preview-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px}
.background-preview-footer p{font-size:12px;color:#c5a6bd;line-height:1.7;margin:0}
.background-preview-footer p.is-error{color:#ffb1c6}
.background-preview-footer .button{font-size:11px;white-space:normal;text-align:right}
.appearance-modal .modal-actions{margin-top:20px}
.appearance-notice{position:fixed;z-index:80;bottom:22px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 30px);display:flex;align-items:center;gap:9px;padding:11px 14px;background:#362033ed;border:1px solid #8b536e;border-radius:9px;color:#f2c4db;font-size:12px;box-shadow:0 8px 30px #0006}
.appearance-notice[hidden]{display:none}
.appearance-notice>.icon{width:17px;height:17px}
.appearance-notice .button{font-size:11px;min-height:29px;padding:6px 10px}
@media(max-width:700px){.top-actions{gap:8px}.appearance-button{padding-left:0;padding-right:0}.background-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.background-card-copy{padding:10px}.background-card-copy strong{font-size:13px}.background-card-copy small{font-size:10px}.background-procedural{padding:9px 12px;min-height:70px}.background-procedural .background-card-copy{padding:3px 12px}.background-procedural .background-check{right:12px}.background-check{width:21px;height:21px;top:7px;right:7px}.background-size{font-size:9px;bottom:6px;left:6px}.background-preview-footer{align-items:flex-start;gap:10px}.background-preview-footer p{font-size:11px}.appearance-modal .modal-body{padding:17px}.appearance-notice{bottom:15px;width:max-content;max-width:calc(100vw - 30px);font-size:11px}}
@media(prefers-reduced-motion:reduce){.background-card{transition:none}}

.background-thumb img{position:relative;z-index:1}.background-thumb img[hidden]{display:none}.background-thumb .background-check,.background-thumb .background-size{z-index:2}

/* The original artwork joins the six variants as one seven-image collection. */
.background-classic{grid-column:1/-1;display:grid;grid-template-columns:minmax(180px,.9fr) minmax(0,1.5fr);align-items:center}
.background-classic .background-thumb{width:100%;max-height:155px}
.background-classic .background-card-copy{padding:20px 25px}
.background-classic .background-card-copy strong{font-size:16px;margin-bottom:8px}
.background-classic .background-card-copy small{font-size:12px}
.background-footer-links{display:flex;align-items:flex-end;flex-direction:column;gap:8px;flex-shrink:0}
#background-download[hidden]{display:none}
#background-download{color:#f0accd;gap:5px}
#background-download .icon{width:14px;height:14px}
@media(max-width:700px){.background-classic{grid-template-columns:minmax(120px,1fr) minmax(0,1fr)}.background-classic .background-card-copy{padding:12px}.background-classic .background-card-copy strong{font-size:14px}.background-classic .background-card-copy small{font-size:10px}.background-footer-links{max-width:135px;gap:7px}}

/* A compositor-only drift keeps image backgrounds alive without repainting them. */
body[data-background-mode="image"] .appearance-wallpaper{animation:wallpaper-drift 9s ease-in-out infinite alternate;transform-origin:50% 50%;will-change:transform;backface-visibility:hidden}
@keyframes wallpaper-drift{0%{transform:translate3d(-.45%,-.3%,0) scale(1.025)}100%{transform:translate3d(.45%,.3%,0) scale(1.045)}}
body[data-page-hidden="true"] .appearance-wallpaper{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){body[data-background-mode="image"] .appearance-wallpaper{animation:none;transform:none;will-change:auto}}

/* Keep all seven choices and the save action in view on a standard desktop. */
@media(min-width:701px){
  .appearance-modal .modal-heading{padding:18px 22px 14px}
  .appearance-modal .modal-heading h2{font-size:18px;margin-bottom:5px}
  .appearance-modal .modal-heading p{font-size:12px;line-height:1.6}
  .appearance-modal .modal-body{padding:16px 22px 19px}
  .background-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
  .background-classic{grid-column:auto;display:block}
  .background-classic .background-thumb{max-height:none}
  .background-card-copy,.background-classic .background-card-copy{padding:10px 11px 11px}
  .background-card-copy strong,.background-classic .background-card-copy strong{font-size:13px;margin-bottom:4px}
  .background-card-copy small,.background-classic .background-card-copy small{font-size:10px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:31px}
  .background-preview-footer{margin-top:13px;gap:12px}
  .background-preview-footer p{font-size:11px}
  .background-footer-links{gap:5px}
  .appearance-modal .modal-actions{margin-top:14px}
}
@media(max-width:700px){
  .background-classic{grid-column:auto;display:block}
  .background-classic .background-thumb{max-height:none}
  .background-classic .background-card-copy{padding:10px}
  .background-classic .background-card-copy strong{font-size:13px;margin-bottom:5px}
  .background-classic .background-card-copy small{font-size:10px}
}

/* Matching interface materials accompany the eight visual collections. */
.background-card-title{display:flex;align-items:center;gap:7px;margin-bottom:4px;min-width:0}
.background-card-title strong{margin-bottom:0!important;min-width:0}
.background-theme-logo{width:26px;height:26px;flex:0 0 26px;object-fit:contain}
th.unknown-column,td.unknown-column{width:auto;min-width:110px;white-space:nowrap}
th.unknown-column:nth-child(7),td.unknown-column:nth-child(7){min-width:172px}
th.unknown-column:nth-child(8),td.unknown-column:nth-child(8){min-width:186px}
.table-scroll table{min-width:1560px}
body[data-theme="aureole-glass"]{--skin-bg:#0b1725;--skin-panel:linear-gradient(135deg,#bddff921,#6293ac16);--skin-raised:#8dc9e316;--skin-sidebar:#102839df;--skin-border:#acd9ed4d;--skin-ink:#e4f4ff;--skin-muted:#a1c1d4;--skin-accent:#a1ebdf;--skin-selected:#b8eafb25;--skin-btnink:#0c333a;--skin-radius:23px;--skin-control:24px;--skin-shadow:inset 0 1px 0 #ecfbff24,0 12px 35px #0003;--skin-blur:blur(20px);--skin-code:#0b2638;--chart-accent:#a1ebdf;--chart-grid:#537a8b55;--chart-label:#a2c2d5;--chart-point:#13364b;--chart-series-0:#a1ebdf;--chart-series-1:#9ccbf4;--chart-series-2:#c1b2ef;--chart-series-3:#a1aecb;--chart-series-4:#7e9bac}
body[data-theme="obsidian-spore"]{--skin-bg:#101113;--skin-panel:linear-gradient(145deg,#292d32ee,#14171bf2 62%);--skin-raised:#32363c;--skin-sidebar:#111419f7;--skin-border:#616973;--skin-ink:#f0f2f5;--skin-muted:#aeb7c1;--skin-accent:#d0d8e2;--skin-selected:#4a515b;--skin-btnink:#171b21;--skin-radius:2px;--skin-control:2px;--skin-shadow:inset 0 1px 0 #ffffff12,5px 5px 0 #090b0e55;--skin-blur:none;--skin-code:#0d1117;--chart-accent:#c4d0e0;--chart-grid:#60687544;--chart-label:#aab5c4;--chart-point:#1b222a;--chart-series-0:#cad4e1;--chart-series-1:#a7b4c6;--chart-series-2:#8295ac;--chart-series-3:#61768d;--chart-series-4:#4e5b6c}
body[data-theme="jade-filament"]{--skin-bg:#071a16;--skin-panel:linear-gradient(125deg,#163c31ed,#0b2923ed);--skin-raised:#254b3d;--skin-sidebar:#08271feF;--skin-border:#457a60;--skin-ink:#e7f8e9;--skin-muted:#a5c7b1;--skin-accent:#9ce6b4;--skin-selected:#326247;--skin-btnink:#113724;--skin-radius:28px 10px 28px 10px;--skin-control:22px;--skin-shadow:0 9px 30px #001b1640,inset 0 1px 0 #c7f3cd12;--skin-blur:blur(10px);--skin-code:#08241e;--chart-accent:#a5eab8;--chart-grid:#4b795a60;--chart-label:#a1c7a9;--chart-point:#183d30;--chart-series-0:#a0e5b2;--chart-series-1:#78cda0;--chart-series-2:#56ac8b;--chart-series-3:#3f8e7a;--chart-series-4:#33766d}
body[data-theme="amber-phage"]{--skin-bg:#1c140c;--skin-panel:linear-gradient(160deg,#382717f2,#211b13f5);--skin-raised:#443422;--skin-sidebar:#21190ef5;--skin-border:#997042;--skin-ink:#f4e6c9;--skin-muted:#c8ae89;--skin-accent:#e9bd7d;--skin-selected:#685035;--skin-btnink:#38220d;--skin-radius:5px;--skin-control:4px;--skin-shadow:inset 0 0 0 3px #15110b90,0 4px 14px #0004;--skin-blur:none;--skin-code:#18140d;--chart-accent:#edc17d;--chart-grid:#96714360;--chart-label:#c0a785;--chart-point:#302315;--chart-series-0:#efc480;--chart-series-1:#d3a25e;--chart-series-2:#b58246;--chart-series-3:#997345;--chart-series-4:#7d6849}
body[data-theme="porcelain-micro"]{color-scheme:light;--skin-bg:#f4f2ef;--skin-panel:linear-gradient(135deg,#fffffffa,#f1f0ecf5);--skin-raised:#e6e8eb;--skin-sidebar:#faf9f6f5;--skin-border:#c5c8d0;--skin-ink:#303746;--skin-muted:#687286;--skin-accent:#566d92;--skin-selected:#e0e6ef;--skin-btnink:#fff;--skin-radius:13px;--skin-control:7px;--skin-shadow:7px 7px 18px #9a9fab21,inset 0 1px 0 #fff,-3px -3px 12px #ffffff80;--skin-blur:blur(12px);--skin-code:#eceef2;--chart-accent:#657b9e;--chart-grid:#bec5d066;--chart-label:#667286;--chart-point:#f9fafc;--chart-series-0:#657b9e;--chart-series-1:#8697b1;--chart-series-2:#9cabbf;--chart-series-3:#b0bccd;--chart-series-4:#c3cbd7}
body[data-theme="hologram-lattice"]{--skin-bg:#051425;--skin-panel:linear-gradient(#041a2de8,#071e31e8);--skin-raised:#0e344e;--skin-sidebar:#061a2aF5;--skin-border:#3178a3;--skin-ink:#d2efff;--skin-muted:#8cb8d2;--skin-accent:#70d7ff;--skin-selected:#144c68;--skin-btnink:#022438;--skin-radius:0;--skin-control:0;--skin-shadow:inset 0 0 0 3px #052035,0 0 18px #009dda0a;--skin-blur:none;--skin-code:#021321;--chart-accent:#76d8ff;--chart-grid:#377aa35c;--chart-label:#7faecb;--chart-point:#06283d;--chart-series-0:#72d8ff;--chart-series-1:#4bb7ee;--chart-series-2:#3a8ecc;--chart-series-3:#3a6da9;--chart-series-4:#3a528b}
body[data-theme="carmine-tide"]{--skin-bg:#210b10;--skin-panel:linear-gradient(145deg,#40141feF,#290c15f5);--skin-raised:#59202d;--skin-sidebar:#250c14f5;--skin-border:#9b4d5d;--skin-ink:#ffe5e6;--skin-muted:#d7a9b0;--skin-accent:#ffa0a8;--skin-selected:#7b2c3f;--skin-btnink:#501321;--skin-radius:0;--skin-control:2px;--skin-shadow:0 7px 24px #15000650;--skin-blur:blur(8px);--skin-code:#230b13;--chart-accent:#ff9ba8;--chart-grid:#a353655c;--chart-label:#d3a2ae;--chart-point:#3f1320;--chart-series-0:#fa9aa7;--chart-series-1:#e4738b;--chart-series-2:#c34f71;--chart-series-3:#a03f62;--chart-series-4:#793251}
body[data-theme]:not([data-theme="blue-crimson"]){background:var(--skin-bg);color:var(--skin-ink);--green:var(--skin-accent);--green-dark:var(--skin-accent);--ink:var(--skin-ink);--muted:var(--skin-muted);--subtle:var(--skin-muted);--border:var(--skin-border)}
body[data-theme]:not([data-theme="blue-crimson"]) :is(.metric,.card,.site-card){background:var(--skin-panel);border-color:var(--skin-border);border-radius:var(--skin-radius);box-shadow:var(--skin-shadow);backdrop-filter:var(--skin-blur)}
body[data-theme]:not([data-theme="blue-crimson"]) .metric:after{background:none}
body[data-theme]:not([data-theme="blue-crimson"]) :is(.sidebar,.topbar){background:var(--skin-sidebar);border-color:var(--skin-border);color:var(--skin-ink);backdrop-filter:var(--skin-blur)}
body[data-theme]:not([data-theme="blue-crimson"]) :is(.brand,.sidebar .brand,.metric-value,.page-heading h1,.card-title,.auth-form-wrap h2,.empty-state h3,.site-card h3,.site-stats strong){color:var(--skin-ink)}
body[data-theme]:not([data-theme="blue-crimson"]) :is(.brand small,.workspace-label,.local-status p,.side-footer .user-role,.page-heading p,.eyebrow,.card-subtitle,.card-meta,.metric-foot,.metric-top,.breadcrumb,.top-actions,.help-button,.subnote,.main-footer,.main-footer .footer-brand,.site-domain,.site-stats small,.site-stats .last-seen,.cell-sub,.table-bottom,.empty-state p,.breakdown-empty,.selected-time-range){color:var(--skin-muted)}
body[data-theme]:not([data-theme="blue-crimson"]) :is(.breadcrumb strong,.cell-primary,.ip-location,.breakdown-name,.breakdown-count strong,.local-status .status-title,.side-footer .user-name){color:var(--skin-ink)}
body[data-theme]:not([data-theme="blue-crimson"]) :is(.side-footer,.site-stats,.top-actions .divider){border-color:var(--skin-border)}
body[data-theme]:not([data-theme="blue-crimson"]) :is(.nav-item,.icon-button){color:var(--skin-muted);border-radius:var(--skin-control)}
body[data-theme]:not([data-theme="blue-crimson"]) .nav-item:hover{background:var(--skin-raised);color:var(--skin-ink)}
body[data-theme]:not([data-theme="blue-crimson"]) .nav-item.active{background:var(--skin-selected);color:var(--skin-ink);box-shadow:inset 3px 0 var(--skin-accent)}
body[data-theme]:not([data-theme="blue-crimson"]) :is(.local-status,.avatar,.metric-icon,.mini-device,.pill,.pill.gray,.version-tag,.version-tag.unknown,.empty-icon,.site-avatar,.page-number,.modal-note){background:var(--skin-raised);color:var(--skin-ink);border-color:var(--skin-border);border-radius:var(--skin-control)}
body[data-theme]:not([data-theme="blue-crimson"]) :is(.local-status .dot,.metric-foot .green,.breakdown-count,.card-header>.icon){color:var(--skin-accent)}
body[data-theme]:not([data-theme="blue-crimson"]) :is(.ip-dot,.legend-dot){background:var(--skin-accent);box-shadow:none}
body[data-theme]:not([data-theme="blue-crimson"]) :is(.button,.auth-submit){background:var(--skin-accent);color:var(--skin-btnink);border:1px solid var(--skin-accent);border-radius:var(--skin-control);box-shadow:inset 0 1px 0 #fff2}
body[data-theme]:not([data-theme="blue-crimson"]) :is(.button:hover,.auth-submit:hover){filter:brightness(1.07);box-shadow:none}
body[data-theme]:not([data-theme="blue-crimson"]) .button.secondary{background:var(--skin-raised);color:var(--skin-ink);border-color:var(--skin-border)}
body[data-theme]:not([data-theme="blue-crimson"]) :is(.button.ghost,.button.link){background:transparent;color:var(--skin-accent);border-color:transparent;box-shadow:none}
body[data-theme]:not([data-theme="blue-crimson"]) .button.danger{background:#a83748;color:#fff;border-color:#d25c6d}
body[data-theme]:not([data-theme="blue-crimson"]) :is(.icon-button:hover,.button.ghost:hover){background:var(--skin-raised);color:var(--skin-accent)}
body[data-theme]:not([data-theme="blue-crimson"]) :is(.select-wrap,.date-presets,.date-fields input,.date-fields .icon-button,.search-form,.field input,.field select,.pagination .icon-button){background:var(--skin-code);color:var(--skin-ink);border-color:var(--skin-border);border-radius:var(--skin-control)}
body[data-theme]:not([data-theme="blue-crimson"]) :is(.select-wrap select,.search-form input,.search-form button,.date-fields input,.date-presets button,.field label){color:var(--skin-ink)}
body[data-theme]:not([data-theme="blue-crimson"]) :is(.select-wrap .icon,.search-form .icon,.field input::placeholder,.search-form input::placeholder){color:var(--skin-muted)}
body[data-theme]:not([data-theme="blue-crimson"]) .select-wrap select option{background:var(--skin-code);color:var(--skin-ink)}
body[data-theme]:not([data-theme="blue-crimson"]) .date-presets button.active{background:var(--skin-selected);color:var(--skin-ink);border-radius:var(--skin-control)}
body[data-theme]:not([data-theme="blue-crimson"]) :is(input:focus,select:focus){border-color:var(--skin-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--skin-accent) 18%,transparent)}
body[data-theme]:not([data-theme="blue-crimson"]) :is(button:focus-visible,a:focus-visible){outline-color:var(--skin-accent)}
body[data-theme]:not([data-theme="blue-crimson"]) th{background:var(--skin-raised);color:var(--skin-ink);border-color:var(--skin-border)}
body[data-theme]:not([data-theme="blue-crimson"]) td{color:var(--skin-ink);border-bottom-color:color-mix(in srgb,var(--skin-border) 60%,transparent)}
body[data-theme]:not([data-theme="blue-crimson"]) tbody tr:hover{background:var(--skin-raised)}
body[data-theme]:not([data-theme="blue-crimson"]) :is(th.unknown-column,.fixed-unknown){color:var(--skin-ink)}
body[data-theme]:not([data-theme="blue-crimson"]) .table-bottom{border-top-color:var(--skin-border)}
body[data-theme]:not([data-theme="blue-crimson"]) .progress-track{background:var(--skin-raised)}
body[data-theme]:not([data-theme="blue-crimson"]) .chart-empty-label{background:var(--skin-code);color:var(--skin-muted);border-color:var(--skin-border)}
body[data-theme]:not([data-theme="blue-crimson"]) :is(.site-add-card,.integration-guide){background:var(--skin-panel);border-color:var(--skin-border);border-radius:var(--skin-radius);color:var(--skin-ink)}
body[data-theme]:not([data-theme="blue-crimson"]) :is(.integration-guide p,.integration-guide>.icon){color:var(--skin-muted)}
body[data-theme]:not([data-theme="blue-crimson"]) .auth-story{background:color-mix(in srgb,var(--skin-bg) 45%,transparent);color:var(--skin-ink);border-color:var(--skin-border)}
body[data-theme]:not([data-theme="blue-crimson"]) .auth-form-side{background:var(--skin-sidebar);backdrop-filter:var(--skin-blur)}
body[data-theme]:not([data-theme="blue-crimson"]) :is(.story-main h1,.story-main h1 span){color:var(--skin-ink);text-shadow:none}
body[data-theme]:not([data-theme="blue-crimson"]) :is(.story-main p,.story-label,.story-bottom,.auth-description,.auth-kicker,.auth-bottom-note,.auth-version,.field small,.code-step,.modal-heading p,.help-item p,.detail-grid dt){color:var(--skin-muted)}
body[data-theme]:not([data-theme="blue-crimson"]) :is(dialog,.appearance-modal){background:var(--skin-sidebar);color:var(--skin-ink);border-color:var(--skin-border);border-radius:var(--skin-radius);box-shadow:var(--skin-shadow)}
body[data-theme]:not([data-theme="blue-crimson"]) :is(.detail-grid dd,.help-item h3){color:var(--skin-ink)}
body[data-theme]:not([data-theme="blue-crimson"]) .code-block{background:var(--skin-code);color:var(--skin-ink);border-color:var(--skin-border);border-radius:var(--skin-control)}
body[data-theme]:not([data-theme="blue-crimson"]) .code-step code{background:var(--skin-raised);color:var(--skin-ink)}
body[data-theme]:not([data-theme="blue-crimson"]) .toast{background:var(--skin-sidebar);color:var(--skin-ink);border-color:var(--skin-accent);border-radius:var(--skin-control)}
body[data-theme]:not([data-theme="blue-crimson"]) :is(.background-card,.appearance-notice){background:var(--skin-code);color:var(--skin-ink);border-color:var(--skin-border);border-radius:var(--skin-control)}
body[data-theme]:not([data-theme="blue-crimson"]) .background-card[aria-pressed="true"]{background:var(--skin-selected);border-color:var(--skin-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--skin-accent) 25%,transparent)}
body[data-theme]:not([data-theme="blue-crimson"]) .background-card-copy strong{color:var(--skin-ink)}
body[data-theme]:not([data-theme="blue-crimson"]) :is(.background-card-copy small,.background-preview-footer p){color:var(--skin-muted)}
body[data-theme]:not([data-theme="blue-crimson"]) :is(.background-preview-footer .button,#background-download){color:var(--skin-accent)}
body[data-theme]:not([data-theme="blue-crimson"]) .background-check{background:var(--skin-code);border-color:var(--skin-border)}
body[data-theme]:not([data-theme="blue-crimson"]) .background-card[aria-pressed="true"] .background-check{background:var(--skin-accent);color:var(--skin-btnink)}
body[data-theme]:not([data-theme="blue-crimson"]) .logo-mark.virus-logo{border-radius:0}
/* Glass: translucent layered surfaces, soft capsules and pearlescent seams. */
body[data-theme="aureole-glass"] :is(.metric,.card,.site-card){border-top-color:#e1f4ff75;border-left-color:#b1e2e762}
body[data-theme="aureole-glass"] .metric-icon{border-radius:50%;border:1px solid #d9f6ff40}
body[data-theme="aureole-glass"] .sidebar{border-radius:0 28px 28px 0}
body[data-theme="aureole-glass"] .topbar{margin:13px 20px 0;border:1px solid var(--skin-border);border-radius:25px;height:61px}
body[data-theme="aureole-glass"] #appearance-background:after{background:linear-gradient(130deg,#09203a88,#111c3355)}
/* Obsidian: faceted, square surfaces with deliberate heavy edges. */
body[data-theme="obsidian-spore"] :is(.metric,.site-card){border-top:3px solid #adb6c1;border-right-color:#333b45}
body[data-theme="obsidian-spore"] .card-header{border-left:3px solid #adb6c1;padding-top:0;margin-top:20px}
body[data-theme="obsidian-spore"] :is(.nav-item,.button){font-weight:650;letter-spacing:.3px}
body[data-theme="obsidian-spore"] .page-heading h1{letter-spacing:-.8px;font-weight:760}
body[data-theme="obsidian-spore"] #appearance-background:after{background:linear-gradient(110deg,#080b10aa,#090c1266)}
/* Jade: flowing asymmetric corners and a delicate organic leading line. */
body[data-theme="jade-filament"] :is(.metric,.site-card){border-left:3px solid #7ed4a2}
body[data-theme="jade-filament"] .metric-icon{border-radius:60% 40% 55% 45%;width:34px;height:29px}
body[data-theme="jade-filament"] .nav-item.active{border-radius:24px 7px 24px 7px}
body[data-theme="jade-filament"] .card-header{padding-top:25px}
body[data-theme="jade-filament"] #appearance-background:after{background:linear-gradient(125deg,#041e16a6,#082b1c66)}
/* Amber: framed instrument panels, engraved labels and beveled controls. */
body[data-theme="amber-phage"] :is(.eyebrow,.card-title,.metric-value,.workspace-label){font-family:"SFMono-Regular",Consolas,"Microsoft YaHei",monospace;letter-spacing:1px}
body[data-theme="amber-phage"] :is(.metric,.site-card){border-top:2px solid #d4a56a}
body[data-theme="amber-phage"] .card-header{border-bottom:1px solid #936d3e70;padding-bottom:13px}
body[data-theme="amber-phage"] .button{box-shadow:inset 0 1px 0 #fff8,inset 0 -2px 0 #5c341e55}
body[data-theme="amber-phage"] .metric-icon{border:1px solid #a27a48;border-radius:3px}
body[data-theme="amber-phage"] #appearance-background:after{background:linear-gradient(120deg,#211608aa,#2b1b0e66)}
/* Porcelain: bright restrained typography, relief-like cards and quiet lines. */
body[data-theme="porcelain-micro"] #appearance-background:after{background:linear-gradient(120deg,#f1f3f0c9,#f8f6f0a8)}
body[data-theme="porcelain-micro"] .page-heading h1{font-weight:560;letter-spacing:-.6px}
body[data-theme="porcelain-micro"] :is(.card,.metric,.site-card){border-color:#d1d3d8;border-bottom-color:#b7bdc7}
body[data-theme="porcelain-micro"] .metric-icon{background:#e4e8ee;color:#60738e;box-shadow:inset 2px 2px 5px #a3adbd22;border-radius:50%}
body[data-theme="porcelain-micro"] .nav-item.active{box-shadow:inset 2px 0 #778ca8;background:#e7ebf0}
body[data-theme="porcelain-micro"] :is(.sidebar,.topbar){box-shadow:0 3px 14px #8792a30d}
body[data-theme="porcelain-micro"] .auth-story{background:#f4f4ef8a}
body[data-theme="porcelain-micro"] dialog::backdrop{background:#4e59685c}
body[data-theme="porcelain-micro"] .background-preview-footer p.is-error{color:#9d354b}
/* Hologram: technical square geometry, grid surfaces and luminous rails. */
body[data-theme="hologram-lattice"] :is(.metric,.site-card){background-image:linear-gradient(#3b91bf0c 1px,transparent 1px),linear-gradient(90deg,#3b91bf0c 1px,transparent 1px),linear-gradient(#041a2de8,#071e31e8);background-size:20px 20px,20px 20px,auto;border-top:2px solid #6ecdf2}
body[data-theme="hologram-lattice"] :is(.metric-value,.eyebrow,.card-title,.nav-item,.brand small){font-family:"SFMono-Regular",Consolas,"Microsoft YaHei",monospace}
body[data-theme="hologram-lattice"] .button.secondary{background:transparent;border-style:dashed}
body[data-theme="hologram-lattice"] .metric-icon{border:1px solid #4287ac;border-radius:0}
body[data-theme="hologram-lattice"] .card-header{border-left:2px solid #69d3fb}
body[data-theme="hologram-lattice"] #appearance-background:after{background:linear-gradient(120deg,#041729aa,#04243788)}
/* Carmine: editorial hierarchy, fine rules and red chapter-like emphasis. */
body[data-theme="carmine-tide"] .page-heading h1{font-family:Georgia,"Songti SC","SimSun",serif;font-size:32px;font-weight:500;letter-spacing:2px}
body[data-theme="carmine-tide"] .card-title{font-family:Georgia,"Songti SC","SimSun",serif;font-size:17px;font-weight:600}
body[data-theme="carmine-tide"] :is(.metric,.site-card){border-left:0;border-right:0;border-top:3px solid #e78697}
body[data-theme="carmine-tide"] .metric-value{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-1px}
body[data-theme="carmine-tide"] .card-header{padding-bottom:13px;border-bottom:1px solid #ae536b66}
body[data-theme="carmine-tide"] .nav-item.active{background:transparent;border-bottom:1px solid #e991a4;box-shadow:none}
body[data-theme="carmine-tide"] .button{letter-spacing:.7px;font-weight:600}
body[data-theme="carmine-tide"] #appearance-background:after{background:linear-gradient(125deg,#25070faf,#3c0a1880)}
@media(max-width:700px){body[data-theme="aureole-glass"] .topbar{margin:8px 10px 0;padding-left:12px;padding-right:12px;border-radius:20px;height:55px}body[data-theme="carmine-tide"] .page-heading h1{font-size:27px}.table-scroll table{min-width:1560px}.background-theme-logo{width:23px;height:23px;flex-basis:23px}.background-card-title{gap:5px}}
body[data-theme]:not([data-theme="blue-crimson"]) :is(.field input,.search-form input)::placeholder{color:var(--skin-muted)}
body[data-theme="porcelain-micro"] .form-error{background:#fae9ed;color:#973347;border-color:#dbb0bd}
body[data-theme="porcelain-micro"] .appearance-notice{box-shadow:0 6px 22px #34415722}
body[data-theme="porcelain-micro"] .background-check{color:transparent}
body[data-theme="porcelain-micro"] .background-card[aria-pressed="true"] .background-check{color:#fff}

/* Bring each chosen organism into the existing login artwork area. */
body[data-background-mode="image"] .auth-art{visibility:visible;isolation:isolate;overflow:hidden;opacity:1}
body[data-background-mode="image"] .auth-art .virus-hero{display:none}
body[data-background-mode="image"] .auth-art:before{content:"";position:absolute;inset:0;background-image:var(--selected-wallpaper);background-repeat:no-repeat;background-size:auto 150%;background-position:100% 61%;filter:brightness(1.16) saturate(1.06);-webkit-mask-image:radial-gradient(ellipse at 67% 51%,#000 36%,#000e 62%,transparent 95%);mask-image:radial-gradient(ellipse at 67% 51%,#000 36%,#000e 62%,transparent 95%);pointer-events:none}
body[data-background-mode="image"] .auth-art .virus-art-label{bottom:3px;color:var(--skin-muted,#c69ab5);text-shadow:0 1px 4px #0008}
body[data-background-mode="image"][data-theme="amber-phage"] .auth-art:before{background-size:auto 116%;background-position:100% 54%}
body[data-background-mode="image"][data-theme="jade-filament"] .auth-art:before{background-size:auto 130%;background-position:100% 56%}
body[data-background-mode="image"][data-theme="porcelain-micro"] .auth-art:before{filter:none}
@media(max-width:700px){body[data-background-mode="image"] .auth-art{position:relative;top:auto;right:auto;width:calc(100% + 24px);height:178px;margin:10px -12px -8px;opacity:.92;z-index:0}body[data-background-mode="image"] .auth-art:before{background-size:auto 145%;background-position:100% 60%}body[data-background-mode="image"] .story-main{padding-bottom:15px}}