:root{--bg:#f6f4ef;--card:#fff;--card-2:#f1eee7;--line:#e4dfd4;--text:#17232a;--muted:#687a80;--accent:#1f6f78;--accent-ink:#fff;--accent-soft:#1f6f781a;--gold:#e0ae35;--ok:#2e8b57;--warn:#c98a12;--err:#c8463d;--info:#2f6fb3;--radius:16px;--shadow:0 1px 2px #17232a0d, 0 8px 24px #17232a0f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#11151c;--card:#1a2029;--card-2:#222a35;--line:#2c3542;--text:#e9eef2;--muted:#93a1ac;--accent:#4fb3bd;--accent-ink:#0b1a1d;--accent-soft:#4fb3bd24;--shadow:0 1px 2px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font:15px/1.45 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Inter,Roboto,sans-serif}h2{letter-spacing:-.01em;margin:0;font-size:16px;font-weight:650}p{margin:0}button,input,select{font:inherit;color:inherit}button{border:1px solid var(--line);background:var(--card-2);cursor:pointer;border-radius:12px;padding:10px 14px;font-weight:600;transition:filter .15s,background .15s,transform 50ms}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.45;cursor:default}button.primary,a.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000}button.big{border-radius:14px;width:100%;padding:14px;font-size:16px}button.link{color:var(--accent);background:0 0;border:none;border-radius:6px;padding:4px 0;font-weight:600}button.link.danger,.menu-list .danger{color:var(--err)}a.btn{color:var(--text);border:1px solid var(--line);background:var(--card-2);border-radius:12px;justify-content:center;align-items:center;padding:10px 18px;font-weight:600;text-decoration:none;display:inline-flex}input[type=text],input[type=email],input[type=password],input[type=number],select{border:1px solid var(--line);background:var(--card);border-radius:12px;outline:none;width:100%;padding:12px 14px;font-size:16px}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input[type=range]{width:100%;accent-color:var(--accent)}.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center}.pad{padding:28px 0}.error{color:var(--err);background:color-mix(in srgb, var(--err) 10%, transparent);border-radius:10px;padding:10px 12px;font-size:14px}.error-text{color:var(--err)}.hint{color:var(--muted);margin-top:-4px;font-size:13px}.shell{flex-direction:column;min-height:100dvh;display:flex}.top{z-index:10;padding:calc(env(safe-area-inset-top) + 10px) 16px 10px;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);border-bottom:1px solid var(--line);align-items:center;gap:16px;display:flex;position:sticky;top:0}.logout{margin-left:auto}.content{width:100%;max-width:1080px;padding:16px 16px calc(env(safe-area-inset-bottom) + 96px);margin:0 auto}.logo{letter-spacing:-.02em;align-items:center;gap:10px;font-size:20px;display:flex}.logo img{border-radius:10px;width:40px;height:40px}.logo b{color:var(--accent);font-weight:700}.logo.small{font-size:16px}.logo.small img{border-radius:8px;width:30px;height:30px}.logo.small span{display:none}.tabs{background:var(--card-2);border-radius:12px;gap:4px;padding:4px;display:flex}.tabs button{color:var(--muted);background:0 0;border:none;border-radius:9px;align-items:center;gap:6px;padding:7px 14px;display:inline-flex}.tabs button.on{background:var(--card);color:var(--text);box-shadow:var(--shadow)}.count{background:var(--accent);color:var(--accent-ink);border-radius:99px;padding:1px 7px;font-size:11px}@media (max-width:640px){.top{-webkit-backdrop-filter:none;background:var(--bg)}.tabs{left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom) + 10px);z-index:20;border:1px solid var(--line);background:color-mix(in srgb, var(--card) 92%, transparent);-webkit-backdrop-filter:blur(14px);justify-content:space-around;padding:6px;position:fixed;box-shadow:0 8px 30px #00000026}.tabs button{flex:1;justify-content:center;padding:10px}.logo.small span{display:inline}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:12px;padding:16px;display:flex}.card.narrow{width:100%;max-width:380px}.card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.col{flex-direction:column;gap:14px;min-width:0;display:flex}.print-grid{gap:14px;display:grid}@media (min-width:900px){.print-grid{grid-template-columns:minmax(0,1fr) 400px;align-items:start}.col.sticky{position:sticky;top:76px}}.center-screen{place-items:center;min-height:100dvh;padding:16px;display:grid}.splash{place-items:center;min-height:100dvh;display:grid}.login{gap:14px}.drop{border:2px dashed var(--line);text-align:center;cursor:pointer;background:var(--card-2);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:26px 14px;font-weight:600;transition:border-color .15s;display:flex;position:relative}.drop:hover{border-color:var(--accent)}.drop.compact{flex-direction:row;gap:8px;padding:12px}.drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.drop small{color:var(--muted);font-weight:400}.drop-icon{color:var(--accent);font-size:22px;line-height:1}.files{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.files li{background:var(--card-2);border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;display:flex}.file-kind{background:var(--accent-soft);color:var(--accent);border-radius:6px;padding:2px 6px;font-size:10px;font-weight:700}.file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.file-actions{gap:2px;display:flex}.file-actions button{color:var(--muted);background:0 0;border:none;padding:4px 8px}.printer-status{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.toner{background:var(--card-2);border-radius:99px;margin-left:auto;padding:2px 8px;font-size:12px}.dot{background:var(--muted);border-radius:50%;flex:none;width:10px;height:10px}.dot.ok{background:var(--ok);box-shadow:0 0 0 4px color-mix(in srgb, var(--ok) 18%, transparent)}.dot.warn{background:var(--warn)}.dot.off{background:color-mix(in srgb, var(--muted) 60%, transparent)}.field{flex-direction:column;gap:6px;display:flex}.field>label{color:var(--muted);font-size:13px;font-weight:600}.seg{background:var(--card-2);border-radius:12px;flex-wrap:wrap;gap:2px;padding:3px;display:flex}.seg button{color:var(--muted);background:0 0;border:none;border-radius:9px;flex:1;min-width:44px;padding:8px 6px;font-weight:600}.seg button.on{background:var(--card);color:var(--text);box-shadow:var(--shadow)}.seg.disabled{opacity:.5}.stepper{align-items:center;gap:6px;max-width:200px;display:flex}.stepper input{text-align:center}.stepper button{width:44px;padding:10px 0}.check{cursor:pointer;align-items:flex-start;gap:10px;font-size:14px;display:flex}.check input{width:20px;height:20px;accent-color:var(--accent);flex:none;margin:1px 0 0}.more{align-self:flex-start}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--accent-soft);border-radius:99px;align-items:center;display:inline-flex}.chip button{color:var(--accent);background:0 0;border:none;padding:6px 4px 6px 12px;font-size:14px}.chip .chip-x{opacity:.6;padding:6px 10px 6px 6px;font-size:11px}.preview{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;max-height:60vh;padding:4px;display:grid;overflow-y:auto}.sheet{flex-direction:column;align-items:center;gap:4px;margin:0;display:flex}.sheet img{background:#fff;border-radius:3px;width:100%;height:auto;box-shadow:0 1px 3px #0000002e,0 6px 14px #00000014}.sheet figcaption{color:var(--muted);font-size:11px}.sheet.more{border:1px dashed var(--line);color:var(--muted);border-radius:6px;place-items:center;min-height:120px;font-size:13px;display:grid}.jobs,.printers{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.jobs li{border-top:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:3px;padding:12px 0;display:flex}.jobs li:first-child{border-top:none}.job-main{align-items:center;gap:10px;width:100%;display:flex}.job-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.badge{white-space:nowrap;background:var(--card-2);color:var(--muted);border-radius:99px;padding:3px 9px;font-size:12px;font-weight:600}.badge.ok{background:color-mix(in srgb, var(--ok) 14%, transparent);color:var(--ok)}.badge.warn{background:color-mix(in srgb, var(--warn) 16%, transparent);color:var(--warn)}.badge.err{background:color-mix(in srgb, var(--err) 14%, transparent);color:var(--err)}.badge.info{background:color-mix(in srgb, var(--info) 14%, transparent);color:var(--info)}.agent-title{align-items:center;gap:12px;min-width:0;display:flex}.printers li{border-top:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:4px;padding:12px 0;display:flex}.printers li.dim .printer-info{opacity:.55}.printer-row{align-items:center;gap:10px;width:100%;display:flex}.printer-info{flex:1;min-width:0}.printer-name{text-align:left;background:0 0;border:none;padding:0;font-weight:650}.star{color:var(--line);background:0 0;border:none;padding:4px;font-size:20px}.star.on{color:var(--gold)}.toner-bar{background:var(--card-2);border-radius:99px;max-width:220px;height:18px;margin-top:6px;position:relative;overflow:hidden}.toner-bar span{background:color-mix(in srgb, var(--accent) 30%, transparent);position:absolute;inset:0 auto 0 0}.toner-bar span.low{background:color-mix(in srgb, var(--err) 35%, transparent)}.toner-bar em{color:var(--text);padding-left:8px;font-size:11px;font-style:normal;line-height:18px;position:relative}.switch{flex:none;width:48px;height:28px;position:relative}.switch input{opacity:0;width:0;height:0}.switch span{background:var(--line);cursor:pointer;border-radius:99px;transition:all .2s;position:absolute;inset:0}.switch span:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch input:checked+span{background:var(--accent)}.switch input:checked+span:after{transform:translate(20px)}.menu{position:relative}.menu summary{cursor:pointer;color:var(--muted);border-radius:8px;padding:4px 10px;font-size:20px;line-height:1;list-style:none}.menu summary::-webkit-details-marker{display:none}.menu-list{z-index:5;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;min-width:240px;padding:6px;display:flex;position:absolute;top:34px;right:0}.menu-list button{text-align:left;background:0 0;border:none;border-radius:8px;padding:10px 12px;font-weight:500}.menu-list button:hover{background:var(--card-2)}.dialog-backdrop{z-index:50;background:#0a0f1473;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{background:var(--card);border-radius:20px;flex-direction:column;gap:14px;width:100%;max-width:420px;padding:22px;display:flex;box-shadow:0 20px 60px #0000004d}.steps{flex-direction:column;gap:10px;margin:0;padding-left:20px;display:flex}.downloads{gap:8px;margin-top:8px;display:flex}.code{letter-spacing:.12em;text-align:center;background:var(--card-2);-webkit-user-select:all;user-select:all;border-radius:14px;padding:16px;font:700 34px/1.2 ui-monospace,SF Mono,Menlo,monospace}.empty{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:48px 16px;display:flex}.empty p{color:var(--muted);max-width:420px}.empty-icon{text-align:center;font-size:44px}.toast{left:50%;bottom:calc(env(safe-area-inset-bottom) + 84px);z-index:60;background:var(--text);color:var(--bg);border-radius:14px;max-width:calc(100% - 32px);padding:12px 18px;font-size:14px;font-weight:600;animation:.2s ease-out rise;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #00000040}.toast.err{background:var(--err);color:#fff}@media (min-width:641px){.toast{bottom:24px}}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)}}.invite{flex-direction:column;gap:10px;display:flex}.users{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.users li{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding:12px 0;display:flex}.users li:first-child{border-top:none}.user-main{align-items:center;gap:12px;display:flex}.user-info{flex-direction:column;flex:1;min-width:0;display:flex}.user-info b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.avatar{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.user-actions,.printer-actions{gap:16px;display:flex}.user-actions{padding-left:48px}.linkbox{background:var(--card-2);word-break:break-all;-webkit-user-select:all;user-select:all;border-radius:10px;max-height:90px;padding:10px;font:12px/1.4 ui-monospace,Menlo,monospace;overflow:auto}.share-list{flex-direction:column;gap:10px;max-height:40vh;display:flex;overflow-y:auto}.files li.converting{opacity:.7;animation:1.4s ease-in-out infinite pulse-op}@keyframes pulse-op{50%{opacity:.4}}.check.dim{opacity:.6}.user-actions{flex-wrap:wrap;row-gap:4px}.mail-acc{align-items:center;gap:12px;display:flex}.prov{color:#fff;border-radius:9px;flex:none;place-items:center;width:32px;height:32px;font-size:15px;font-weight:800;display:inline-grid}.prov.google{background:conic-gradient(#ea4335 0 25%, #fbbc05 0 50%, #34a853 0 75%, #4285f4 0)}.prov.microsoft{background:linear-gradient(135deg,#f25022 0 50%,#7fba00 0)}.row-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}button.oauth{background:var(--card);align-items:center;gap:10px;padding:8px 14px 8px 8px;display:inline-flex}button.oauth .prov{border-radius:7px;width:26px;height:26px;font-size:13px}.install-hint{left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom) + 84px);z-index:30;background:var(--card);border:1px solid var(--line);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex;position:fixed;box-shadow:0 10px 30px #0000002e}.install-hint img{border-radius:8px;flex:none;width:34px;height:34px}.install-hint span{flex:1}@media (min-width:641px){.install-hint{display:none}}.tools{flex-wrap:wrap;gap:8px;display:flex}.tools button{flex:1;min-width:160px;font-weight:600}.dialog.wide{max-width:640px}.scan-box{-webkit-user-select:none;user-select:none;touch-action:none;background:#000;border-radius:10px;width:100%;position:relative;overflow:hidden}.scan-box img{width:100%;height:auto;display:block}.scan-box svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.scan-box .handle{touch-action:none;cursor:grab;background:#4fb3bd59;border:3px solid #4fb3bd;border-radius:50%;width:30px;height:30px;margin:-15px 0 0 -15px;position:absolute}.scan-result{object-fit:contain;width:100%;max-height:55vh;box-shadow:var(--shadow);background:#fff;border-radius:8px}textarea{border:1px solid var(--line);background:var(--card);width:100%;font:inherit;color:inherit;resize:vertical;border-radius:12px;padding:12px 14px;font-size:16px}input[type=datetime-local],input[type=time],.repeat-row input[type=number]{border:1px solid var(--line);background:var(--card);font:inherit;color:inherit;border-radius:12px;padding:10px 12px;font-size:16px}.repeat{flex-direction:column;gap:10px;display:flex}.repeat-row{flex-wrap:wrap;gap:12px;display:flex}.repeat-row label{color:var(--muted);align-items:center;gap:8px;font-size:14px;display:flex}.repeat-row input[type=number]{width:80px}.days{flex-wrap:wrap;gap:4px;display:flex}.days button{border-radius:10px;min-width:44px;padding:8px 10px}.days button.on{background:var(--accent);color:var(--accent-ink);border-color:#0000}.card.attention{border-color:color-mix(in srgb, var(--warn) 50%, var(--line))}.jobs li.dim{opacity:.6}.icon-btn{background:0 0;border:none;margin-left:auto;padding:6px 8px;font-size:18px}.icon-btn+.logout{margin-left:4px}.pref{border-top:1px solid var(--line);align-items:center;gap:12px;padding:10px 0;display:flex}.pref>div{flex-direction:column;flex:1;display:flex}.pref small{color:var(--muted);font-size:12.5px}.usage{background:var(--card-2);border-radius:12px;flex-direction:column;gap:6px;padding:12px;display:flex}.usage span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px}.usage b{font-size:20px}.bar{background:var(--card-2);border-radius:99px;height:8px;overflow:hidden}.usage .bar{background:var(--line)}.bar i{background:var(--accent);border-radius:99px;height:100%;display:block}.bar i.over{background:var(--err)}.subnav{z-index:5;position:sticky;top:64px}.cap{text-transform:capitalize}.kpi{align-items:baseline;gap:8px;display:flex}.kpi b{letter-spacing:-.02em;font-size:34px}.kpi span{color:var(--muted)}.trend{grid-template-columns:repeat(6,1fr);align-items:end;gap:8px;height:130px;display:grid}.trend div{flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.trend span{background:color-mix(in srgb, var(--accent) 35%, transparent);border-radius:6px 6px 2px 2px;width:70%;min-height:2px}.trend div.on span{background:var(--accent)}.trend small{color:var(--muted);font-size:11px}.bars{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.bar-head{justify-content:space-between;gap:8px;margin-bottom:4px;font-size:14px;display:flex}.bar-head span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.log{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.log li{border-top:1px solid var(--line);flex-direction:column;gap:2px;padding:10px 0;font-size:14px;display:flex}.log li:first-child{border-top:none}.log time{color:var(--muted);font-size:12px}.seg.compact button{padding:6px 12px}input[type=number]{font-size:16px}
