:root{--ink:#1a303c;--muted:#6d7d85;--line:#e4eaec;--bg:#f5f8f8;--panel:#fff;--nav:#12313a;--teal:#008f82;--teal-dark:#04766e;--violet:#7558b4;--shadow:0 5px 22px rgba(31,58,66,.035)}
*{box-sizing:border-box}html{font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--bg)}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:var(--teal-dark)}.app-shell{display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:var(--nav);color:#d6e5e4;display:flex;flex-direction:column;padding:26px 17px;z-index:5}.brand{display:flex;align-items:center;gap:11px;color:#fff;font-family:Manrope,sans-serif;font-size:16px;font-weight:800;padding:0 10px 32px}.brand:hover{color:#fff}.brand-icon,.auth-symbol{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:#20aa9b;color:#fff;font-size:24px;font-weight:400}.brand small{display:block;font-family:'DM Sans',sans-serif;font-size:10px;color:#9bb7b8;font-weight:500;letter-spacing:.02em;margin-top:2px}.nav-caption{font-size:10px;font-weight:700;letter-spacing:.15em;color:#78979a;margin:7px 11px 13px}.nav-links{display:grid;gap:5px}.nav-links a{padding:11px 12px;border-radius:9px;color:#bbd0d0;font-weight:600;font-size:13px;display:flex;align-items:center;gap:13px}.nav-links a span{width:18px;text-align:center;font-size:19px;font-weight:400}.nav-links a:hover,.nav-links a.active{background:#214851;color:#fff}.nav-links a.active{box-shadow:inset 3px 0 #2cc5b4}.sidebar-bottom{margin-top:auto;border-top:1px solid #31515a;padding:19px 9px 0;display:flex;align-items:center;gap:10px}.sidebar-bottom strong,.sidebar-bottom small{display:block}.sidebar-bottom strong{font-size:12px;color:#fff}.sidebar-bottom small{font-size:11px;color:#8dabac;margin-top:2px}.identity-avatar{height:34px;width:34px;border-radius:10px;display:grid;place-items:center;background:#d6ede8;color:#14766b;font-weight:800;flex:none}.main-area{margin-left:238px;min-width:0;width:calc(100% - 238px)}.topbar{height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;color:#536771;font-size:12px;font-weight:600}.topbar-kicker{font-size:10px;letter-spacing:.15em;font-weight:800;color:#8b9a9f}.topbar-divider{color:#c1ced0;margin:0 12px}.topbar-actions{display:flex;align-items:center;gap:20px}.topbar-actions a:hover{color:var(--teal)}.text-button{border:0;background:none;color:var(--teal-dark);font-weight:700;padding:0}.text-button:hover{text-decoration:underline}.content{max-width:1660px;margin:auto;padding:32px 36px 58px}.eyebrow{font-size:10px;letter-spacing:.16em;color:var(--teal);font-weight:800}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px}.page-heading h1{font:800 27px/1.2 Manrope,sans-serif;letter-spacing:-.04em;margin:7px 0}.page-heading p{margin:0;color:var(--muted);font-size:13px}.page-heading>a{flex:none}.page-heading .button+.button{margin-left:8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:8px;padding:10px 15px;min-height:37px;font-size:12px;font-weight:800;white-space:nowrap;transition:background .15s,border .15s,transform .15s}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.button-primary{background:var(--teal);color:#fff}.button-primary:hover{background:var(--teal-dark);color:#fff}.button-light{background:#fff;border-color:#dce6e6;color:#28505a}.button-light:hover{border-color:#9dcac5;color:var(--teal-dark)}.button-danger{background:#fff3f2;border-color:#ffd6d2;color:#ad3730}.button-danger:hover{background:#ffe3df;color:#ad3730}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:23px}.metric{padding:19px 21px;border:1px solid var(--line);border-radius:11px;background:#fff;position:relative;overflow:hidden}.metric:after{content:"";width:68px;height:68px;position:absolute;right:-25px;top:-30px;background:#e3f4f1;border-radius:50%}.metric span,.metric strong,.metric small{display:block;position:relative;z-index:1}.metric span{font-size:12px;color:#61737b;font-weight:700}.metric strong{font:800 31px/1.35 Manrope,sans-serif;letter-spacing:-.04em;margin:7px 0 1px}.metric small{font-size:11px;color:#93a0a5}.metric-green:after{background:#e4f6e9}.metric-violet:after{background:#f0eafd}.metric-orange:after{background:#fff0de}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 20px;border-bottom:1px solid var(--line)}h2{font:800 15px/1.3 Manrope,sans-serif;letter-spacing:-.025em;margin:0}.panel-header p{font-size:11px;color:#899ba1;margin:3px 0 0}.filters{display:flex;gap:8px}.filters input{width:265px}.filters input,.filters select,.field input,.field select,.field textarea,.column-edit input,.column-edit select,.reset-form input{border:1px solid #dae4e5;border-radius:7px;background:#fff;color:var(--ink);min-height:37px;padding:8px 11px;outline:none}.filters input:focus,.filters select:focus,.field input:focus,.field select:focus,.field textarea:focus,.column-edit input:focus,.column-edit select:focus,.reset-form input:focus{border-color:#37b9a9;box-shadow:0 0 0 3px #e3f8f4}.filters select{width:145px}.table-scroll{overflow:auto;max-height:calc(100vh - 336px)}table{border-collapse:collapse;min-width:1250px;width:100%;text-align:left}th{position:sticky;top:0;z-index:2;background:#f7faf9;color:#829299;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:800;white-space:nowrap;padding:13px 15px;border-bottom:1px solid var(--line)}td{font-size:12px;white-space:nowrap;padding:12px 15px;border-bottom:1px solid #edf1f1;max-width:240px;overflow:hidden;text-overflow:ellipsis}tr:last-child td{border-bottom:0}.clickable-row{cursor:pointer}.clickable-row:hover{background:#f7fbfa}.strong-cell{font-weight:800;color:#245862}.app-cell{display:flex;gap:9px;align-items:center;min-width:205px}.app-cell strong,.app-cell small{display:block;overflow:hidden;text-overflow:ellipsis;max-width:225px}.app-cell strong{font-weight:700}.app-cell small{font-size:10px;color:#9ba9ad;margin-top:2px}.app-dot{height:30px;width:30px;background:#e3f3f0;display:block;flex:none;border-radius:8px;position:relative}.app-dot:after{content:"";position:absolute;inset:9px;border-radius:3px;background:#24ac9c}.mono-cell{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#677e83;font-size:11px}.status-pill{display:inline-block;font-size:10px;border-radius:20px;padding:4px 8px;background:#eef1f1;color:#718188;font-weight:800}.status-live{background:#dcf5e8;color:#218352}.status-review{background:#efe7fb;color:#7851a8}.status-muted{background:#f9e9e6;color:#bb624e}.empty-value{color:#b6c1c4}.cell-link{color:var(--teal-dark);font-weight:700}.row-arrow{color:#9aadb2;font-size:15px}.no-data{text-align:center;padding:50px 15px;color:#84969c}.pagination{padding:15px 20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#8b9a9e;font-size:12px}.pagination>div{display:flex;gap:6px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,1fr);gap:17px;align-items:start}.detail-side{display:grid;gap:17px}.detail-panel,.form-panel{padding:22px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.tag{display:inline-block;border:1px solid #dfebe9;background:#f1faf8;color:#478c82;border-radius:20px;font-size:10px;font-weight:800;padding:5px 9px}.tag-purple{background:#f5f0fd;border-color:#e9dffa;color:#8b6bad}.detail-list>div{display:grid;grid-template-columns:138px minmax(0,1fr);gap:15px;padding:11px 0;border-top:1px solid #edf1f1;line-height:1.5}.detail-list>div:first-child{border-top:0}.detail-list span{color:#7c8d93;font-size:11px}.detail-list strong{font-size:12px;font-weight:700;overflow-wrap:anywhere}.detail-list strong a{color:var(--teal-dark)}.break-all{word-break:break-all}.section-copy{font-size:12px;color:#75888f;line-height:1.6;margin:-5px 0 17px}.qr-form{display:flex;align-items:end;gap:9px}.qr-form .field{flex:1}.field{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:800;color:#536b73}.field input,.field select,.field textarea{font-size:12px;font-weight:500;width:100%;min-height:40px}.field textarea{resize:vertical}.field small{font-size:10px;line-height:1.5;color:#99a7ab;font-weight:500}.recent-qrs{margin-top:23px;padding-top:18px;border-top:1px solid var(--line)}.recent-qrs h3{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#94a1a4;margin:0 0 9px}.recent-qrs a{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid #f0f3f3;font-size:11px;font-weight:700}.recent-qrs small{color:#95a4a8;font-weight:500}.inline-note{padding:12px 13px;background:#f6f8f8;border:1px solid #e9eeee;border-radius:8px;font-size:11px;color:#71858b;line-height:1.5;margin-top:14px}.danger-panel{padding:20px 22px;border-color:#f3e8e5}.danger-panel h2{color:#a65047}.danger-panel p{font-size:11px;color:#8c9a9d;margin:7px 0 14px}.edit-layout{max-width:1030px;display:grid;gap:17px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field-wide{grid-column:1/-1}.input-with-action{display:flex;gap:7px}.input-with-action input{flex:1}.input-with-action button{flex:none}.form-actions{display:flex;justify-content:flex-end;gap:8px}.settings-grid{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:17px;align-items:start}.stack-form{display:grid;gap:16px}.stack-form>.button{justify-self:start}.column-list{display:grid;gap:10px}.column-item{border:1px solid var(--line);border-radius:9px;padding:10px}.column-edit{display:flex;gap:6px}.column-edit input:first-of-type{min-width:100px;flex:1}.column-edit select{width:145px}.column-edit .short-input{width:57px}.column-meta{display:flex;justify-content:space-between;align-items:center;color:#92a2a7;font-size:10px;margin-top:8px;padding:0 2px}.import-status{display:flex;gap:11px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.import-status strong,.import-status small{display:block}.import-status strong{font-size:12px}.import-status small{font-size:11px;color:#98a8ac;margin-top:3px}.import-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#edf1f1;color:#8da0a3;font-weight:800}.import-icon.complete{background:#e0f5ed;color:#299062}.user-list{display:grid}.user-item{padding:12px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.user-item:first-child{border:0}.user-info{flex:1}.user-info strong,.user-info small{display:block}.user-info strong{font-size:12px}.user-info small{font-size:10px;color:#91a0a5;margin-top:3px}.user-item details{font-size:11px;color:var(--teal-dark)}.user-item summary{cursor:pointer;font-weight:700}.reset-form{display:flex;gap:5px;margin-top:7px}.reset-form input{width:185px}.narrow-panel{max-width:520px}.qr-layout{display:grid;grid-template-columns:380px minmax(0,1fr);gap:17px;align-items:start}.qr-preview-panel{padding:25px;display:grid;justify-items:center;gap:18px}.qr-preview-panel canvas{display:block;width:min(100%,300px);height:auto;image-rendering:pixelated}.alert{padding:12px 15px;border-radius:8px;font-size:12px;font-weight:700;margin-bottom:20px}.alert-success{background:#e4f6ee;color:#227857;border:1px solid #bfe5d3}.alert-error{background:#fff0ed;color:#9e4a3b;border:1px solid #f6d3ca}.auth-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top right,#d9f1eb 0,transparent 34%),#f4f8f8;padding:25px}.auth-content{width:100%;max-width:430px}.auth-card{background:#fff;padding:35px;border:1px solid #e2e9e9;border-radius:16px;box-shadow:0 20px 55px rgba(29,63,69,.08)}.auth-symbol{margin-bottom:24px}.auth-card h1{font:800 24px/1.25 Manrope,sans-serif;letter-spacing:-.04em;margin:7px 0}.auth-card p{font-size:12px;color:#85969b;line-height:1.6;margin:0 0 27px}.auth-card .stack-form>.button{width:100%;justify-content:space-between;margin-top:6px}.auth-card .field input{min-height:43px}
.visibility-card{display:flex;gap:12px;align-items:center;background:#f2faf8;border:1px solid #cfe8e2;padding:14px 17px;border-radius:10px;cursor:pointer}.visibility-card input{accent-color:var(--teal);width:16px;height:16px}.visibility-card strong,.visibility-card small{display:block}.visibility-card strong{font-size:12px}.visibility-card small{font-size:11px;color:#7b9291;margin-top:3px}
@media(max-width:1150px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:1fr}.detail-side{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-side .danger-panel{grid-column:1/-1}.settings-grid{grid-template-columns:1fr}.table-scroll{max-height:none}}
@media(max-width:760px){.sidebar{width:66px;padding:16px 7px}.brand{padding:0 6px 22px}.brand>span:last-child,.nav-caption,.nav-links a:not(.active),.nav-links a.active{font-size:0}.nav-links a{justify-content:center;padding:10px}.nav-links a span{font-size:20px}.sidebar-bottom{padding:13px 7px}.sidebar-bottom>div:last-child{display:none}.main-area{margin-left:66px;width:calc(100% - 66px)}.topbar{padding:0 15px;height:57px}.topbar-kicker,.topbar-divider{display:none}.topbar-actions{gap:9px}.content{padding:24px 15px}.page-heading{align-items:start;flex-wrap:wrap}.page-heading h1{font-size:23px}.metric-grid{gap:8px}.metric{padding:15px}.metric strong{font-size:25px}.panel-header{flex-wrap:wrap}.filters{width:100%;flex-wrap:wrap}.filters input{flex:1;min-width:160px}.detail-side,.form-grid,.qr-layout{grid-template-columns:1fr}.detail-side .danger-panel{grid-column:auto}.qr-form{flex-wrap:wrap}.qr-form .button{width:100%}.column-edit{flex-wrap:wrap}.column-edit input:first-of-type{width:100%}.auth-card{padding:25px}}