/* QrCity 2 · liquid glass, readable fallbacks, no remote assets. */
:root{--ink:#183d4b;--teal:#176e62;--line:#d9e5e9;--navy:#173d49;--muted:#5e7885;--glass:rgba(255,255,255,.83);--radius:22px}
body{background:radial-gradient(ellipse at 10% 0%,#cee9e5 0,transparent 42%),radial-gradient(ellipse at 100% 25%,#e4e5fa 0,transparent 38%),#f1f5f9;background-attachment:fixed;color:var(--ink);font-family:Inter,"Segoe UI",system-ui,sans-serif;font-size:14px;line-height:1.6}
button,input,textarea,select{font:inherit}button,a,input,textarea,select{ -webkit-tap-highlight-color:transparent }button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #168c79;outline-offset:4px}button:disabled{cursor:wait;opacity:.55}button,a.button{transition:background .18s,box-shadow .18s,transform .18s}
.sidebar{width:256px;padding:30px 18px;background:linear-gradient(155deg,rgba(20,56,69,.97),rgba(19,55,62,.93));box-shadow:8px 0 38px #173d4b0a;border-right:1px solid #ffffff3d;backdrop-filter:blur(20px);overflow-y:auto}.sidebar .brand{padding:0 12px 27px;font-size:28px}.brand-mark{border-radius:12px;background:linear-gradient(140deg,#78d3b6,#c2e7e4);box-shadow:inset 0 1px 1px #fff9}.brand-small{font-size:9px;letter-spacing:1.5px}.tenant-label{margin:20px 12px 25px;font-size:13px}.tenant-label span{font-size:10px}.nav-item{font-size:13px;font-weight:550;gap:13px;padding:13px 15px;border-radius:13px;color:#ccdde3;margin:4px 0;min-height:46px}.nav-item:hover{background:#ffffff10;color:white}.nav-item.active{background:linear-gradient(110deg,#ffffff22,#ffffff0b);color:#fff;box-shadow:inset 0 0 0 1px #ffffff25,0 4px 16px #082c3515}.nav-item>span:first-child{width:21px;height:21px;flex:0 0 21px}.nav-item svg{width:21px;height:21px}.nav-count{font-size:10px;padding:2px 6px;background:#ffffff14}.sidebar-bottom{font-size:11px;line-height:1.6;color:#b2c9d2}.sidebar-bottom p{font-size:11px;color:#9cb9c4}.logout{color:#d0e4e8;font-size:12px;min-height:38px}.main-wrap{margin-left:256px;width:calc(100% - 256px);min-width:0}.topbar{height:90px;background:#ffffff94;border-bottom:1px solid #fff;backdrop-filter:blur(20px);padding:0 38px;position:sticky;top:0;z-index:9}.breadcrumb{font-size:11px;color:#708792}.topbar strong{font-size:15px}.avatar{background:#d9eee8;color:#1c6b5a;border:3px solid white;width:40px;height:40px}.private-badge{font-size:10px;padding:5px 10px;background:#e5f3ec;color:#296c59}.content{padding:34px 38px 0;max-width:1700px;margin:auto}.page-intro h1{font-size:clamp(28px,3vw,38px);letter-spacing:-1.2px;font-weight:680;line-height:1.2}.page-intro p{font-size:14px;line-height:1.6;color:#536f7d;max-width:720px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:750}.page-section{animation:glass-arrive .3s ease-out}.command-hero{padding:30px 32px;background:linear-gradient(118deg,#ffffffa8,#ffffff36);border:1px solid #fff;border-radius:26px;position:relative;overflow:hidden;box-shadow:0 12px 40px #1c536406}.command-hero:after{content:"";position:absolute;width:220px;height:220px;border:1px solid #fff8;border-radius:50%;right:-55px;top:-110px;box-shadow:0 0 0 35px #ffffff25,0 0 0 70px #ffffff14;pointer-events:none}.command-hero .export-link{z-index:1;flex-shrink:0}.command-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0 30px}.command-shortcuts button{text-align:left;background:#ffffff9e;border:1px solid #fff;border-radius:18px;padding:20px;color:#244853;display:grid;gap:7px;box-shadow:0 6px 20px #1c536406}.command-shortcuts button:hover{transform:translateY(-3px);background:#fff;box-shadow:0 10px 24px #164c6410}.shortcut-icon{color:#208a77;width:28px;height:28px;margin-bottom:7px}.shortcut-icon svg{width:28px;height:28px}.command-shortcuts button:nth-child(2) .shortcut-icon{color:#7181c6}.command-shortcuts button:nth-child(3) .shortcut-icon{color:#bd7b45}.command-shortcuts strong{font-size:12px}.command-shortcuts small{font-size:10px;font-weight:400;color:#637e8b}.scope-line{font-size:11px;color:#627a86}.card,.metric{background:var(--glass);border:1px solid #fff;border-radius:var(--radius);box-shadow:0 8px 28px #193d4b06,inset 0 1px 0 #fff;backdrop-filter:blur(18px)}.card{padding:26px}.metric{padding:23px 20px}.metric.highlight{background:linear-gradient(140deg,#ddf5eec9,#f4fbffb5);border-color:#fff}.metrics{gap:14px}.metric-top{font-size:11px;color:#456574}.metric-caption{font-size:10px;color:#677f8b}.metric-value{font-size:38px;font-weight:650;letter-spacing:-1.7px}.metric-icon{font-size:19px;color:#428a7d;background:#e7f4f1;width:29px;height:29px;border-radius:9px}.card-heading h2,.card>h2{font-size:17px;letter-spacing:-.3px}.card-heading p{font-size:11px;color:#69818c}.dashboard-grid{gap:20px}.rank-line{font-size:12px}.rank-value{font-size:12px}.rank-name{color:#3e6272}.rank-value small{font-size:10px;color:#6d8590}.rank-track{height:7px;background:#e8eff2}.rank-fill{background:linear-gradient(90deg,#389984,#7bb8aa);min-width:0}.context-note{font-size:11px;color:#667f8a}.chart-date{font-size:10px;color:#617a85}.chart-bar{border-radius:5px 5px 0 0;background:linear-gradient(0deg,#208a77,#70c2ab);min-height:0}.chart-bar.secondary{background:#98a4da}.chart-legend{font-size:11px}.daily-chart{background-color:transparent}.daily-chart>.empty{background:transparent}.button{border-radius:11px;min-height:41px;font-size:12px;padding:10px 16px;font-weight:620;border-color:#cedfe4;box-shadow:0 1px 2px #21455505}.button.primary{background:linear-gradient(145deg,#218573,#176a60);border:1px solid #217e6e;color:#fff;box-shadow:0 4px 12px #14735e18}.button.primary:hover{background:#176957;transform:translateY(-1px);box-shadow:0 7px 15px #14735e25}.button.subtle{background:transparent;border-color:transparent;box-shadow:none;color:#356478}.button.danger{color:#b03248;background:#fff0f1;border-color:#e9bec5}.pill{font-size:10px;padding:5px 10px;color:#496573;background:#e9f0f3;border:1px solid #ffffffa0}.pill.green{color:#216c52;background:#e4f3e9}.pill.red{color:#a72c43;background:#fbe7eb}.pill.amber{color:#855b17;background:#fff2d9}.mini-label{font-size:10px;color:#657c88}.notice{font-size:12px;border-radius:13px;color:#286e5d;background:#ebf7f2;border:1px solid #d5e9df}.notice.warning{color:#846020;background:#fff6e5;border-color:#ecdbb9}.method-note{font-size:11px;color:#647d88}.gap-preview h3{font-size:13px}.gap-preview p,.occurrences{font-size:11px;color:#617e89}.gap-preview{padding:19px 0}.filters{flex-wrap:wrap}.filters input,.filters select{font-size:13px}.work-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:18px;background:#ffffff8a;border:1px solid #fff;border-radius:18px;margin:18px 0}.work-filters label{min-width:130px;flex:1;font-size:11px;margin:0}.work-filters label:first-child{flex:1.4}.work-filters input,.work-filters select{margin-top:6px;background:#fff}.work-filters .button{flex-shrink:0}.gap-extra-filters{padding:14px;margin-top:0}.table-card{padding:0;border-radius:20px}.table-scroll{border-radius:20px}th{font-size:10px;background:#f5fafca8;color:#5c7886;padding:16px 18px;position:sticky;top:0}td{font-size:12px;color:#527180;padding:18px}td strong{font-size:13px;color:#254d5b}td small{font-size:11px;color:#698590}tbody tr:hover{background:#f4fafa}td .button{font-size:11px;min-height:34px}.empty{font-size:13px;color:#69828e}.empty strong{font-size:15px}.empty p{font-size:12px;color:#6a8390}.approval-card h3{font-size:16px}.approval-card p{font-size:12px;color:#5f7a87}.audit-row{font-size:12px;grid-template-columns:165px 1fr}.audit-row p{font-size:11px;color:#637d88}.audit-row time{color:#627a85}.health-card p{font-size:11px;color:#627d88}.health-card strong{font-size:16px}label{font-size:12px;color:#3e6070}input,select,textarea{font-size:13px;padding:12px 14px;border-radius:11px;border-color:#c4d7df;background:#ffffffe8;color:#214854}input::placeholder,textarea::placeholder{color:#788e99}.field-help{font-size:11px;color:#647f8d}.preview-block{font-size:13px;color:#244d5b;background:#f3f8fa;border-color:#dce8ed;border-radius:13px}.detail-description{font-size:13px;color:#547380}.detail-meta{gap:8px}.evidence{font-size:13px;background:#f3f8fa}.evidence small{font-size:10px;color:#64808c}.dialog-top h2{font-size:24px;letter-spacing:-.6px}dialog{border-radius:24px;padding:30px;background:#fbfdff;box-shadow:0 30px 120px #102d4760;border:1px solid #fff;animation:glass-arrive .2s ease-out}dialog::backdrop{background:#183d4b70;backdrop-filter:blur(7px)}.dialog-top .eyebrow{font-size:10px}.icon-button{width:36px;height:36px;background:#eaf2f5}.improvement-dialog{width:min(850px,calc(100vw - 32px))}.improvement-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.improvement-metrics article{display:grid;gap:10px;padding:22px}.improvement-metrics span{font-size:12px;color:#557580}.improvement-metrics strong{font-size:32px;font-weight:650;letter-spacing:-1px}.improvement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.improvement-card{display:flex;align-items:flex-start;flex-direction:column;gap:10px}.improvement-card h3{font-size:18px;line-height:1.4}.improvement-card .detail-meta{margin:0}.improvement-card small{font-size:11px;color:#647d88}.improvement-card .button{margin-top:auto}.improvement-excerpt{font-size:13px;overflow-wrap:anywhere;color:#496a78}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.improvement-dialog label:has(input[type=checkbox]){display:flex;align-items:flex-start;gap:10px;margin:22px 0}.improvement-dialog input[type=checkbox]{margin:3px 0 0}.response-card{border:1px solid #d8e6ec;border-radius:16px;padding:18px;margin:22px 0}.response-card summary{cursor:pointer;font-weight:650}.work-timeline{list-style:none;padding:0 0 0 20px;border-left:2px solid #c8e2db;margin:20px 0}.work-timeline li{position:relative;padding:0 0 20px 8px}.work-timeline li:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#42927c;left:-26px;top:5px;border:2px solid #fff}.work-timeline time{display:block;color:#66808c;font-size:11px}.work-timeline p{font-size:12px;color:#52717f;white-space:pre-wrap}.email-art{border:1px solid #dce7ec;border-radius:20px;overflow:hidden;background:white;margin:18px 0}.email-art header{background:#123b46;color:#fff;padding:25px}.email-art header strong{font-size:26px}.email-art header p{color:#cbdfe8}.email-art section{padding:25px}.email-copy{white-space:pre-wrap;font-size:14px;line-height:1.8;overflow-wrap:anywhere}.email-cta{display:inline-block;padding:15px 23px;background:#146e63;color:#fff;border-radius:12px;font-weight:700;margin-top:22px}.filter-shortcuts{display:flex;gap:6px;margin-bottom:15px}.trend-full{margin:20px 0}.real-chart svg{width:100%;height:auto;display:block;margin:25px 0 0}.real-chart circle:hover,.real-chart circle:focus{r:6;outline:none;stroke:#173d49;stroke-width:2}.chart-data{font-size:12px;margin-top:8px}.chart-data summary{cursor:pointer;color:#376b7c;font-weight:650;padding:10px 0}.chart-data table{margin-top:12px}.insight-bar{padding-top:20px}.insight-bar .rank-track>span{height:100%;display:block;border-radius:5px;background:linear-gradient(90deg,#288c78,#9acdbb)}.hour-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:24px}.hour-cell{display:grid;gap:5px;text-align:center;padding:10px 4px;border:1px solid #d6e4e7;border-radius:10px;background:rgba(67,162,138,calc(.04 + var(--strength)*.4));color:#204f48}.hour-cell span{font-size:10px}.hour-cell strong{font-size:14px}.footer{font-size:10px;color:#66818e}.toast{z-index:1000;box-shadow:0 15px 50px #123d4735;font-size:13px;border-radius:16px}.login-story{background:radial-gradient(at 0 0,#286b65,transparent 70%),#163e4a}.login-story .brand{font-size:30px}.login-story p{font-size:15px;color:#c5dcdf}.login-form-wrap{background:radial-gradient(at 100% 0,#e0e5fa,transparent 60%),#f2f7f8}.login-form-box{padding:35px;border:1px solid #fff;background:#ffffffa6;border-radius:26px;box-shadow:0 20px 70px #1c53640d;max-width:400px}.login-form-box>.muted{font-size:13px;color:#5e7b89}.security-caption{color:#6d8591}.ops-shell,.operations-root{font-size:13px}.ops-summary .metric-value{font-size:29px}.ops-table td,.ops-table th{font-size:12px}.ops-tabs button{border-radius:12px;font-size:12px}.ops-module-card{border-radius:18px}.knowledge-root .card,.health-grid .card{backdrop-filter:none}
@supports not (backdrop-filter:blur(1px)){.card,.metric,.topbar,.command-hero,.work-filters{background:#fafcfd}.sidebar{background:#173d49}}
@keyframes glass-arrive{from{opacity:.7;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1200px){.sidebar{width:225px;padding:24px 12px}.main-wrap{margin-left:225px;width:calc(100% - 225px)}.content{padding:26px 22px 0}.topbar{padding:0 25px}.command-shortcuts{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:repeat(3,1fr)}.command-hero{padding:26px}.metric-icon{display:grid}.metric-top{font-size:11px}}
@media(max-width:900px){.sidebar{width:76px;padding:25px 8px}.main-wrap{margin-left:76px;width:calc(100% - 76px)}.nav-item{font-size:0;justify-content:center;padding:13px}.nav-item>span:first-child{width:22px;height:22px}.command-shortcuts strong{font-size:12px}.improvement-grid{grid-template-columns:1fr}.improvement-metrics{grid-template-columns:repeat(2,1fr)}.command-hero .export-link{margin-top:15px}.command-hero{display:block}}
@media(max-width:650px){.sidebar{width:100%;height:auto;position:sticky;top:0;padding:0;overflow-x:auto;z-index:20}.sidebar nav{width:max-content;min-width:100%;height:65px;padding:0 8px;gap:0}.nav-item{width:68px;min-width:68px;flex:none;font-size:0;padding:9px;margin:0;border-radius:0}.nav-item>span:first-child,.nav-item svg{width:24px;height:24px}.nav-item:after{content:attr(title);font-size:8px;max-width:62px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-wrap{margin:0;width:100%}.topbar{top:65px;height:65px;padding:0 17px}.topbar strong{font-size:13px}.content{padding:20px 15px 0}.command-hero{padding:23px 20px}.command-hero h1{font-size:32px}.command-shortcuts{gap:9px;margin:16px 0 22px}.command-shortcuts button{padding:15px;gap:6px;border-radius:15px}.command-shortcuts small{font-size:10px}.metrics{grid-template-columns:repeat(2,1fr)}.metric-value{font-size:31px}.metric{padding:18px 15px}.metric-caption{font-size:10px}.dashboard-grid,.form-columns{grid-template-columns:1fr}.card{padding:21px}.table-card{padding:0}.work-filters{padding:15px}.work-filters label{min-width:120px;flex:1 1 40%}.work-filters button{flex:1}.page-intro p{font-size:13px}.scope-line>span:first-child{font-size:10px;max-width:70%}.scope-line{gap:10px}.hour-grid{grid-template-columns:repeat(6,1fr)}.real-chart{overflow:auto}.real-chart svg{min-width:600px}dialog{padding:23px 20px}.login-form-box{padding:26px 22px}.improvement-metrics{gap:10px}.improvement-metrics article{padding:18px}.improvement-metrics span{font-size:11px}.nav-item[aria-current=page]{box-shadow:inset 0 -3px #7dd5bd}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}