@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url('/assets/vendor/manrope-cyrillic.woff2') format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url('/assets/vendor/manrope-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:#18362e;background:#f7faf8;--ink:#17392f;--muted:#789288;--line:#dfebe4;--teal:#24947f;--orange:#bd7838;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button,input,select{min-height:40px}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #389b81;outline-offset:3px}input,select{border:1px solid #ceded4;border-radius:9px;color:#26473a;background:#fff;padding:10px 12px;max-width:100%}input[type=checkbox]{accent-color:#218e70;min-height:18px;width:18px;height:18px}svg.lucide{width:18px;height:18px;stroke-width:1.7;flex-shrink:0;pointer-events:none}[hidden]{display:none!important}.brand{font-size:36px;font-weight:750;letter-spacing:-1.9px;color:#0e2a23}.brand>span{display:block;font-weight:500;font-size:7px;letter-spacing:1.8px;color:#86a092;margin-top:7px}.sidebar{position:fixed;inset:0 auto 0 0;width:192px;padding:26px 17px;background:#fbfdfb;border-right:1px solid var(--line);display:flex;flex-direction:column}.sidebar>.brand{padding-left:16px}.sidebar nav{display:grid;gap:9px;margin-top:43px}.sidebar nav button{display:flex;align-items:center;gap:13px;padding:12px 15px;min-height:46px;font-size:13px;color:#7b9589;border-radius:10px;transition:background .2s}.sidebar nav button:hover{background:#eef6f0}.sidebar nav button.active{background:#e6f2ec;color:#268b70}.sidebar nav button.active svg{stroke-width:2}.side-bottom{margin-top:auto;padding:20px 12px 0;display:grid;gap:13px}.side-bottom>span{display:flex;align-items:center;gap:8px;font-size:10px;color:#74a18c}.side-bottom svg{width:14px;height:14px}.side-bottom small{font-size:9px;color:#93a89d}.side-bottom button{display:flex;gap:9px;align-items:center;font-size:12px;color:#869e90;border-top:1px solid var(--line);padding:16px 0;margin-top:7px}main{margin-left:192px;padding:0 30px 35px;max-width:1800px}.compact-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 0 23px}.section-eyebrow{font-size:8px;letter-spacing:2px;color:#95a99e;font-weight:500;display:block;margin-bottom:7px}.compact-header h1{font:400 31px/1.1 Georgia,'Times New Roman',serif;letter-spacing:-.9px;color:#153b2f}.header-tools{display:flex;align-items:center;gap:8px}.icon-button{display:grid;place-items:center;min-width:35px;min-height:35px;padding:7px;color:#91aaa0;border-radius:8px}.icon-button:hover{background:#e9f3ec;color:#27876a}.account-button{display:flex;align-items:center;gap:8px;font-size:11px;padding:5px 0 5px 9px}.avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e4eee7;color:#6c9980}.avatar svg{width:15px;height:15px}.mobile-nav{display:none}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:21px}.stat-card{display:block;text-align:left;padding:19px 21px;background:#fff;border:1px solid var(--line);border-radius:14px;transition:transform .2s,box-shadow .2s,border-color .2s}.stat-card:hover{transform:translateY(-2px);border-color:#a8cfb9;box-shadow:0 7px 20px #1d543b08}.stat-card.selected{background:#e9f6ef;border-color:#9dccb2}.stat-card>span{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#6b9682;font-size:12px}.stat-card>span svg{order:2;width:17px;height:17px}.stat-card strong{font-size:38px;letter-spacing:-1.1px;font-weight:500;display:block;margin:12px 0 8px;color:#24694e;font-variant-numeric:tabular-nums}.stat-card strong small{font-size:11px;font-weight:400;letter-spacing:0;margin-left:5px;color:#8aab97}.stat-card p{font-size:10px;color:#90a89a}.chart-panel,.surface{background:#fff;border:1px solid var(--line);border-radius:15px;min-width:0}.chart-panel{padding:20px 23px 10px;margin-bottom:21px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.panel-heading h2{font:400 21px Georgia,serif;letter-spacing:-.3px;color:#2d5140;display:flex;align-items:center;gap:8px}.panel-heading h2 svg{width:18px;height:18px}.panel-heading p{font-size:10px;color:#90a799;margin-top:7px}.text-button{display:flex;align-items:center;gap:6px;font-size:11px;color:#649984;min-height:30px;padding:4px 0}.text-button svg{width:14px;height:14px}.text-button:hover{color:#167656}.legend{display:flex;align-items:center;gap:19px;margin:16px 0 0;font-size:10px;color:#7d9b8d}.legend>span{display:flex;align-items:center;gap:6px}.legend i{width:6px;height:6px;border-radius:50%;background:#239e93}.legend span:nth-child(2) i{background:#89d4c6}.legend b{font-weight:400;margin-left:auto;color:#9cae9f;font-size:10px}.wave-chart{height:275px;position:relative;margin-top:0}.wave-chart canvas{display:block;width:100%;height:100%;touch-action:pan-y}.tooltip{position:absolute;z-index:5;pointer-events:none;background:#ffffffed;backdrop-filter:blur(8px);padding:11px 13px;border:1px solid #d9e6de;border-radius:10px;box-shadow:0 5px 25px #245a3612;min-width:143px}.tooltip span{display:block;color:#94aa9b;font-size:11px}.tooltip strong{display:block;font-size:19px;color:#246342;margin:4px 0}.tooltip small{font-size:10px;color:#78a287}.overview-bottom{display:grid;grid-template-columns:1.3fr 1fr;gap:21px}.surface>.panel-heading{padding:20px 21px 5px}.ranking{padding:7px 21px 20px}.ranking button{width:100%;display:grid;grid-template-columns:11px 96px 1fr 30px;gap:12px;align-items:center;text-align:left;min-height:49px;border-bottom:1px solid #eef3ef;padding:0}.ranking button:last-child{border:0}.ranking strong{font-size:12px;font-weight:500;color:#4b7560}.ranking b{font-size:13px;font-weight:500;text-align:right}.rank-track{height:6px;background:#edf4ee;border-radius:20px;overflow:hidden}.rank-track>i{height:100%;display:block;background:#72b999;border-radius:20px;transform-origin:left;animation:bar .8s ease both}.toner-dot{display:inline-block;width:10px;height:10px;border-radius:50%;box-shadow:inset 0 1px 2px #ffffff45;flex-shrink:0}.count{border-radius:7px;background:#f6ecda;color:#ac853c;font-size:11px;padding:4px 8px}.attention{background:#fffcf6;border-color:#ede7d9}.attention-list{padding:6px 21px 10px}.attention-list button{display:grid;grid-template-columns:1fr auto 14px;gap:6px 9px;align-items:center;text-align:left;width:100%;padding:12px 0;border-bottom:1px solid #eee9dc}.attention-list button>span{display:flex;align-items:center;gap:8px;font-size:12px}.attention-list b{font-size:13px;font-weight:500;color:#ba853c}.attention-list small{grid-column:1/3;color:#acaa92;font-size:10px}.attention-list button>svg{grid-column:3;grid-row:1/3;width:13px;height:13px;color:#a9b099}.stock-total{display:flex;justify-content:space-between;font-size:11px;color:#a4a68d;padding:14px 21px 20px}.stock-total b{font-weight:500;color:#7a8c65}.section-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 20px;flex-wrap:wrap}.period-tabs,.segmented{display:flex;align-items:center;padding:4px;border:1px solid #dfebe3;background:#f0f6f1;border-radius:10px;gap:3px;max-width:100%}.period-tabs button,.segmented button{min-height:32px;padding:7px 12px;border-radius:7px;font-size:11px;color:#819b8b;white-space:nowrap}.period-tabs button.active,.segmented button.active{background:#fff;color:#398466;box-shadow:0 2px 6px #1b543409}.segmented b{font-weight:500;font-size:10px;padding-left:5px;color:#85a58f}.search{position:relative;display:block;width:260px;max-width:100%}.search>svg{position:absolute;left:12px;top:12px;width:15px;height:15px;color:#9ab1a1}.search input{width:100%;padding-left:36px;font-size:12px;min-height:40px;border-color:#dfe9e1}.printer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.printer-tile{border:1px solid var(--line);border-radius:15px;background:#fff;overflow:hidden;transition:border-color .2s,box-shadow .2s}.printer-tile:hover{border-color:#aacfb7;box-shadow:0 6px 23px #17523108}.printer-open{display:block;width:100%;text-align:left;padding:20px}.tile-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.printer-icon{display:inline-grid;place-items:center;width:45px;height:45px;border:1px solid #dce9de;background:#f0f7ef;color:#7ca48a;border-radius:12px}.printer-icon svg{width:26px;height:26px;stroke-width:1.4}.pill{font-size:9px;color:#6c9b80;background:#edf6eb;padding:5px 8px;border-radius:20px;white-space:nowrap}.pill.warning{color:#b18d4a;background:#fcf1da}.printer-open h2{font-size:18px;font-weight:500;color:#2d5840;margin:18px 0 6px;letter-spacing:-.4px;overflow-wrap:anywhere}.printer-open p{font-size:10px;color:#98ad9d}.toner-preview{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin:20px 0 16px}.toner-preview>span{display:flex;gap:5px;align-items:center}.toner-preview b{font-size:16px;font-weight:500}.toner-preview small{font-size:9px;color:#a0b09d}.tile-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #edf2ec;padding-top:13px;font-size:10px;color:#91a991}.tile-foot svg{width:14px;height:14px}.assign-printer{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;font-size:11px;color:#649f82;background:#f6faf5;border-top:1px solid #e9f0e6;min-height:36px}.assign-printer svg{width:13px;height:13px}.assign-printer:hover{background:#e9f5e8}.printer-detail-head{display:flex;align-items:center;gap:16px;margin:0 0 20px;padding:21px 22px;background:#edf6ee;border-radius:13px;border:1px solid #d7e8d8}.printer-detail-head h2{font:400 27px Georgia,serif;color:#2e613d;overflow-wrap:anywhere}.printer-detail-head p{font-size:11px;color:#84a28a;margin-top:7px}.printer-detail-head .text-button{margin-left:auto}.cartridge-lines{border:1px solid #dde9df;background:#fff;border-radius:14px;overflow:hidden}.cartridge-line{display:flex;align-items:center;gap:16px;width:100%;text-align:left;padding:19px 22px;border-bottom:1px solid #e8eee7}.cartridge-line:last-child{border-bottom:0}.cartridge-line:hover{background:#f4faf2}.cartridge-symbol{display:inline-grid;place-items:center;background:#f0f5ee;border:1px solid #e0e9dc;border-radius:10px;width:39px;height:39px;position:relative;color:#95ad8d;flex-shrink:0}.cartridge-symbol>.toner-dot{position:absolute;bottom:4px;right:4px;width:8px;height:8px}.cartridge-name{flex:1}.cartridge-name strong{font-size:14px;font-weight:500;color:#3e6749}.cartridge-name small{font-size:10px;color:#92a88e;margin-top:5px;display:block}.stock-number,.usage-number{text-align:right;font-size:23px;color:#407446;font-weight:500;min-width:72px}.usage-number{font-size:19px;color:#8aa481}.stock-number small,.usage-number small{display:block;font-size:10px;font-weight:400;color:#9aae93;margin-top:2px}.cartridge-line>svg{width:14px;color:#a1b796}.cartridge-line.low .stock-number{color:#be8e46}.back{display:flex;align-items:center;gap:8px;font-size:12px;color:#70a286;min-height:35px}.back svg{width:15px;height:15px}.subnote{font-size:11px;color:#90a898;margin:15px 0;line-height:1.7}.quiet{font-size:12px;color:#829c8f;line-height:1.7}.history-filters{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.history-filters select{font-size:12px;min-width:185px}.timeline{max-width:1000px}.timeline-date{font-size:11px;letter-spacing:.5px;color:#94a998;font-weight:500;padding:16px 0 10px}.history-event{background:#fff;border:1px solid #dfe9de;border-radius:12px;margin-bottom:8px;overflow:hidden}.history-event summary{display:flex;align-items:center;gap:13px;padding:15px 17px;cursor:pointer;list-style:none}.history-event summary::-webkit-details-marker{display:none}.event-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#edf5e8;color:#75a064}.event-icon.minus{background:#e7f4ef;color:#4d9a82}.event-model{flex:1}.event-model strong{font-size:14px;font-weight:500;color:#3d6340}.event-model small{font-size:10px;color:#93aa91;display:block;margin-top:5px}.event-qty{font-size:23px;font-weight:500;color:#699a46;letter-spacing:-.6px;white-space:nowrap}.event-qty.minus{color:#30937e}.event-qty small{font-size:10px;font-weight:400;letter-spacing:0;margin-left:4px}.history-event summary>svg{width:14px;height:14px;color:#9eb798;transition:transform .2s}.history-event[open] summary>svg{transform:rotate(180deg)}.event-people{padding:0 17px 9px 65px}.event-people>div{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid #edf2e8}.event-people span{display:flex;align-items:center;gap:6px;flex:1;font-size:11px;color:#8aa080;overflow-wrap:anywhere}.event-people svg{width:13px;height:13px}.event-people b{font-size:11px;font-weight:500;color:#69865f}.event-people small{font-size:10px;color:#a0b096}.pagination{display:flex;align-items:center;justify-content:space-between;max-width:1000px;gap:15px;margin-top:20px}.pagination button{display:flex;gap:8px;align-items:center;padding:8px 13px;border:1px solid #dce8d8;background:#fff;border-radius:9px;font-size:11px;color:#6c9667}.pagination button svg{width:14px;height:14px}.pagination span{font-size:11px;color:#8da982}.repair-printer{display:block;text-align:left;border:1px solid #e0e9da;background:#fff;padding:21px;border-radius:14px}.repair-printer:hover{border-color:#a5c89b}.repair-printer h2{font-size:18px;font-weight:500;margin:17px 0;color:#416b3c;overflow-wrap:anywhere}.repair-counts{display:flex;gap:30px;margin-bottom:16px}.repair-counts b{font-size:26px;font-weight:500;color:#649154}.repair-counts b:first-child{color:#c09a52}.repair-counts small{display:block;font-size:10px;font-weight:400;color:#9cb18d;margin-top:3px}.repair-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.repair-card{text-align:left;background:#fff;border:1px solid #e2eadb;border-radius:13px;padding:19px}.repair-card h3{font-size:19px;font-weight:500;margin:15px 0 9px;color:#536c3a}.repair-card p{font-size:12px;color:#98a57e;line-height:1.65;overflow-wrap:anywhere}.repair-card>span:last-child{display:flex;align-items:center;gap:7px;margin-top:19px;font-size:10px;color:#a1b18b}.repair-card>span:last-child svg{width:13px;height:13px}.repair-card>span:last-child svg:last-child{margin-left:auto}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px}.settings-section{padding:23px}.settings-section h2{display:flex;align-items:center;gap:9px;font:400 22px Georgia,serif;margin-bottom:12px}.settings-section h2 svg{color:#81a38c}.account-list{margin:20px 0 27px}.account-list>div{display:flex;gap:9px;align-items:center;padding:13px 0;border-bottom:1px solid #e7eee4}.account-list svg{width:15px;height:15px;color:#a1b89e}.account-list strong{font-size:13px;font-weight:500}.account-list span{font-size:10px;color:#97ac91;margin-left:auto}form label{display:block;font-size:12px;color:#87a185;margin:15px 0 7px}form input:not([type=checkbox]){display:block;width:100%;font-size:13px}form h3{font:400 21px Georgia,serif;margin-bottom:19px}form .primary{margin-top:18px}.primary{display:flex;align-items:center;justify-content:center;gap:9px;background:#439c81;color:#fff;border-radius:10px;padding:11px 18px;font-size:13px;min-height:44px;border:1px solid #42977b}.primary:hover{background:#328e70}.primary svg{width:16px;height:16px}.mapping-list{margin-top:20px}.mapping-list button{display:flex;align-items:center;gap:13px;text-align:left;width:100%;border-bottom:1px solid #e7eee3;padding:14px 0;font-size:12px}.mapping-list button>span{color:#9aab90;min-width:80px}.mapping-list strong{font-weight:500;color:#6e9369;flex:1;overflow-wrap:anywhere}.mapping-list svg{width:13px;height:13px;color:#a7bb9c}.session-note{display:flex;align-items:start;gap:10px;color:#96a58b;font-size:11px;line-height:1.7;background:#f3f7ee;padding:15px;border-radius:10px;margin-top:24px}.session-note svg{width:16px;height:16px;margin-top:2px}.settings-section>.back{margin-top:20px}.notice{border:1px solid #e7cbbb;background:#fff3ea;color:#b77c56;padding:12px 16px;border-radius:10px;font-size:12px;line-height:1.6;margin-bottom:16px}.loading,.empty{font-size:12px;color:#97ad9b;line-height:1.8;padding:24px 10px}.form-error,#account-result,#map-error{color:#b5754f;font-size:12px;line-height:1.6;margin-top:12px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-shell form{width:370px;max-width:100%;background:#fff;border:1px solid #deeadf;border-radius:21px;padding:32px;box-shadow:0 20px 70px #25593508}.login-shell .brand{font-size:28px}.login-shell .brand>span{display:inline;font-size:12px;letter-spacing:0;color:#8ba791}.login-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#e8f4eb;color:#6a9e7b;margin:33px 0 19px}.login-mark svg{width:28px;height:28px}.login-shell h1{font:400 29px Georgia,serif;margin:0 0 12px}.login-shell p{font-size:12px;color:#87a18c;line-height:1.7}.login-shell .primary{width:100%}.login-shell form>small{display:block;font-size:10px;color:#98af97;margin-top:17px;line-height:1.6}.check-line{display:flex;align-items:center;gap:9px;margin-top:17px;font-size:11px}.check-line input{margin:0}dialog{width:min(550px,92vw);padding:22px;border:1px solid #cadfd0;border-radius:17px;color:#355944;background:#fbfefb;box-shadow:0 25px 80px #244d3426;max-height:88vh;overflow:auto}dialog::backdrop{background:#173f2a30;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}.dialog-top>span{font-size:8px;letter-spacing:1.7px;color:#94b09a}dialog h2{font:400 29px Georgia,serif;overflow-wrap:anywhere}dialog h3{font-size:15px;font-weight:500;margin-top:23px}.model-dialog-heading{display:flex;align-items:center;gap:12px}.detail-stats{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:22px 0}.detail-stats>div{background:#eff6ed;border:1px solid #e0eadd;border-radius:11px;padding:15px}.detail-stats span{font-size:10px;color:#90a58c}.detail-stats strong{display:block;font-size:29px;font-weight:500;margin-top:8px;color:#638858}.detail-stats small{font-size:10px;margin-left:5px;font-weight:400}.repair-inv{font-size:14px;color:#8bab86;margin-top:12px}.repair-info{display:grid;grid-template-columns:100px 1fr;gap:12px;margin-top:24px;font-size:12px;line-height:1.6}.repair-info dt{color:#a0b494}.repair-info dd{margin:0;color:#6c8c5e;overflow-wrap:anywhere}.comments article{border-bottom:1px solid #e3ecd9;padding:15px 0}.comments strong{font-size:12px;font-weight:500;color:#718c5d}.comments small{font-size:10px;display:block;color:#a4b591;margin-top:4px}.comments p{font-size:12px;line-height:1.8;margin-top:9px;color:#839775;overflow-wrap:anywhere}dialog .primary{margin-top:20px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);max-width:90vw;padding:12px 18px;font-size:12px;border:1px solid #a3d0ae;background:#effbec;color:#588050;border-radius:10px;box-shadow:0 10px 35px #2a54251c;z-index:50}@keyframes bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}html[data-motion=off] *,html[data-motion=off] *::before{animation:none!important;transition:none!important}
@media(min-width:1500px){main{padding-left:40px;padding-right:40px}.wave-chart{height:315px}.printer-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card strong{font-size:43px}}
@media(max-width:1050px){.sidebar{width:172px;padding-left:12px;padding-right:12px}main{margin-left:172px;padding:0 22px 30px}.stat-grid{gap:10px}.stat-card{padding:16px}.stat-card strong{font-size:32px}.printer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.repair-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{gap:14px}.settings-section{padding:18px}.overview-bottom{gap:15px}.ranking button{grid-template-columns:10px 79px 1fr 25px;gap:8px}.compact-header h1{font-size:28px}.printer-detail-head h2{font-size:24px}}
@media(max-width:760px){.sidebar{display:none}main{margin-left:0;padding:0 18px 90px}.mobile-nav{display:flex;align-items:center;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;z-index:20;background:#fafffbea;backdrop-filter:blur(16px);border-top:1px solid #dceadd;padding:7px 6px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -4px 25px #29533708}.mobile-nav button{display:flex;align-items:center;flex-direction:column;gap:5px;color:#8aa48d;font-size:9px;padding:6px 10px;border-radius:10px;min-width:57px;min-height:48px}.mobile-nav button.active{background:#e5f2e7;color:#4b9063}.mobile-nav svg{width:20px;height:20px}.compact-header{padding:20px 0}.section-eyebrow{display:none}.compact-header h1{font-size:26px}.account-button{padding-left:1px}.header-tools{gap:2px}.account-button>span:last-child{display:none}.stat-card strong{font-size:34px}.overview-bottom{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr}.wave-chart{height:250px}.settings-section{padding:22px}#toast{bottom:85px}}
@media(max-width:520px){main{padding:0 15px 88px}.compact-header{padding:17px 0 18px;gap:10px}.compact-header h1{font-size:24px;letter-spacing:-.65px}.icon-button{min-width:30px;min-height:32px;padding:6px}.icon-button svg{width:16px;height:16px}.avatar{width:27px;height:27px}.account-button{min-height:32px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:15px}.stat-card{padding:15px 16px;border-radius:12px}.stat-card>span{font-size:11px}.stat-card>span svg{width:15px;height:15px}.stat-card strong{font-size:32px;margin:10px 0 5px}.stat-card p{font-size:9px}.chart-panel{padding:16px 13px 7px;border-radius:13px;margin-bottom:15px}.panel-heading h2{font-size:20px}.panel-heading p{font-size:9px;line-height:1.6}.text-button{font-size:10px}.legend{gap:12px;font-size:9px;margin-top:13px}.legend b{font-size:9px}.wave-chart{height:233px}.overview-bottom{grid-template-columns:1fr;gap:15px}.surface>.panel-heading{padding:17px 18px 5px}.ranking{padding:6px 18px 15px}.ranking button{grid-template-columns:10px 89px 1fr 25px;gap:11px;min-height:46px}.section-toolbar{margin-bottom:16px;gap:10px}.search{width:100%}.segmented,.period-tabs{gap:2px;padding:3px}.period-tabs button,.segmented button{font-size:10px;padding:6px 9px;min-height:33px}.printer-grid{gap:11px}.printer-open{padding:15px}.printer-icon{width:37px;height:37px;border-radius:10px}.printer-icon svg{width:23px;height:23px}.tile-top{gap:5px}.pill{font-size:8px;padding:4px 6px}.printer-open h2{font-size:17px;margin-top:15px}.printer-open p{font-size:9px;line-height:1.5}.toner-preview{gap:7px;margin:17px 0 13px}.toner-preview>span{gap:4px}.toner-preview b{font-size:15px}.toner-preview small{font-size:8px}.toner-dot{width:8px;height:8px}.tile-foot{font-size:9px;padding-top:11px}.assign-printer{font-size:10px;min-height:35px}.assign-printer svg{width:12px}.printer-detail-head{padding:16px;gap:11px;flex-wrap:wrap}.printer-detail-head h2{font-size:22px}.printer-detail-head p{font-size:10px}.printer-detail-head .text-button{margin-left:48px;min-height:24px}.cartridge-line{padding:15px 13px;gap:10px}.cartridge-symbol{width:34px;height:34px;border-radius:8px}.cartridge-name strong{font-size:12px}.cartridge-name small{font-size:9px}.stock-number{font-size:21px;min-width:36px}.usage-number{font-size:17px;min-width:40px}.stock-number small,.usage-number small{font-size:9px}.cartridge-line>svg{width:12px}.history-filters{gap:10px}.history-filters select{width:100%;font-size:12px}.subnote{font-size:10px;margin:12px 0}.history-event summary{padding:14px 12px;gap:10px}.event-icon{width:32px;height:32px}.event-icon svg{width:17px}.event-model strong{font-size:13px}.event-model small{font-size:9px}.event-qty{font-size:22px}.event-people{padding-left:14px;padding-right:14px}.event-people>div{gap:8px}.event-people small{font-size:9px}.event-people span{font-size:10px}.pagination button{min-height:39px}.repair-printer{padding:16px}.repair-printer h2{font-size:17px;margin:15px 0}.repair-counts{gap:17px}.repair-counts b{font-size:23px}.repair-counts small{font-size:9px}.repair-cards{grid-template-columns:1fr}.repair-card{padding:18px}.settings-section{padding:18px}.settings-section h2{font-size:21px}.quiet{font-size:11px}.mapping-list button{gap:10px;font-size:11px}.mapping-list button>span{min-width:72px}.mobile-nav button{padding:6px 8px;min-width:55px;font-size:8px}.login-shell form{padding:26px}.login-shell h1{font-size:27px}.detail-stats{gap:8px}.detail-stats>div{padding:13px}.detail-stats strong{font-size:26px}.detail-stats span{font-size:9px}dialog{padding:18px}dialog h2{font-size:26px}.repair-info{grid-template-columns:80px 1fr;font-size:11px}.header-tools{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){*,*::before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* v07 — compact square printer tiles */
.printer-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px;align-items:start}
.printer-tile,.repair-printer{aspect-ratio:1;position:relative;border-radius:17px;background:linear-gradient(145deg,#fff 45%,#f1f8f4);box-shadow:0 3px 12px #194e3005;min-width:0}
.printer-tile:hover,.repair-printer:hover{border-color:#80bba5;box-shadow:0 12px 30px #195c4012}
.printer-open{height:100%;padding:13px 13px 38px;display:flex;flex-direction:column}
.printer-tile:not(:has(.assign-printer)) .printer-open{padding-bottom:13px}
.printer-icon{width:32px;height:32px;border-radius:10px;background:linear-gradient(145deg,#e0f1e8,#f7fbf8);box-shadow:inset 0 1px #fff}
.printer-icon svg{width:21px;height:21px}
.tile-top{gap:4px}.pill{font-size:8px;padding:4px 6px}
.printer-open h2{font-family:inherit;font-size:17px;font-weight:600;margin:10px 0 5px;letter-spacing:-.5px;line-height:1.15}
.printer-open p,.printer-open .tile-foot{display:none}
.toner-preview{gap:7px;margin:auto 0 0;max-height:42px;overflow:auto;flex-shrink:0}
.toner-preview>span{gap:3px}.toner-preview b{font-size:14px}.toner-preview small{font-size:8px}.toner-preview .toner-dot{width:7px;height:7px}
.assign-printer{position:absolute;bottom:0;left:0;min-height:32px;font-size:10px;background:#f2f8f4}
.repair-printer{padding:13px;display:flex;flex-direction:column}
.repair-printer h2{font-size:17px;margin:9px 0;line-height:1.15}
.repair-counts{gap:20px;margin:auto 0 0}.repair-counts b{font-size:23px}.repair-counts small{font-size:9px}
.repair-printer .tile-foot{display:none}
.mobile-nav button.active{box-shadow:inset 0 1px #fff,0 3px 10px #2384660c}
@media(min-width:1500px){.printer-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr))}}
@media(max-width:600px){.printer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.printer-open{padding:12px 12px 38px}.printer-open h2{font-size:16px}.printer-tile,.repair-printer{border-radius:15px}}
@media(min-width:480px) and (max-width:600px){.printer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.printer-open,.repair-printer{padding-left:10px;padding-right:10px}.pill{font-size:7px}.printer-icon{width:28px;height:28px}.printer-open h2{margin-top:7px;font-size:15px}}
@media(prefers-reduced-motion:reduce){.printer-tile,.repair-printer{transition:none}}
/* v08 — colour, sharp type, stable controls */
:root{color:#202944;background:#f4f5fb;--ink:#202944;--muted:#606b85;--line:#e1e5f0;--teal:#2878cf}
body{background:linear-gradient(135deg,#f4f5fb,#f0f6fb);min-height:100vh}
.sidebar{background:#fff;border-color:#e4e7f2}.brand{color:#242447}.brand>span{color:#747d96}
.sidebar nav button{color:#57627b}.sidebar nav button.active{background:#e9f1f7;color:#5945df}.sidebar nav button:hover{background:#f1f0fb}
.compact-header h1{font-family:inherit;font-size:28px;font-weight:700;letter-spacing:-1px;color:#232a45}
.section-eyebrow{color:#66718a}.header-tools .icon-button{color:#5e6684;background:#fff;border:1px solid #e1e4f0}.avatar{background:#eae6ff;color:#6c4dde}
.stat-card{border:0;border-radius:18px;background:#e9e6ff;box-shadow:0 5px 18px #42348208;transition:box-shadow .18s,border-color .18s}
.stat-card:nth-child(2){background:#dfedff}.stat-card:nth-child(3){background:#d9f4ee}.stat-card:nth-child(4){background:#ffeadb}
.stat-card>span,.stat-card p,.stat-card strong small{color:#505674}.stat-card strong{color:#5337c4;font-weight:650}
.stat-card:nth-child(2) strong{color:#185db1}.stat-card:nth-child(3) strong{color:#087864}.stat-card:nth-child(4) strong{color:#b65422}
.stat-card.selected{background:#2168b4;box-shadow:0 7px 20px #2168b42b}.stat-card.selected strong,.stat-card.selected strong small,.stat-card.selected>span,.stat-card.selected p{color:#fff}
.stat-card:hover{transform:none;box-shadow:0 8px 22px #49377b20}
.panel-heading h2,.settings-section h2{font-family:inherit;font-size:19px;font-weight:650;color:#27324b}
.panel-heading p,.legend,.quiet,.subnote{color:#647089}.text-button{color:#2168b4}
.legend i{background:#2878cf}.legend span:nth-child(2) i{background:#13adbb}.legend b{color:#61718a}
.printer-tile,.repair-printer{--tile:#edf0ff;--accent:#5946c9;background:var(--tile);border:1px solid #d9def0;box-shadow:none;transition:box-shadow .18s,border-color .18s;opacity:1!important;transform:none!important}
.printer-tile:nth-child(4n+2),.repair-printer:nth-child(4n+2){--tile:#e5f5f5;--accent:#087c87}
.printer-tile:nth-child(4n+3),.repair-printer:nth-child(4n+3){--tile:#fff0e4;--accent:#a4511e}
.printer-tile:nth-child(4n+4),.repair-printer:nth-child(4n+4){--tile:#f4eafb;--accent:#9144ae}
.printer-tile:hover,.repair-printer:hover{border-color:var(--accent);box-shadow:0 7px 18px #34417215}
.printer-open h2,.repair-printer h2{color:#25324a;font-weight:700}
.printer-icon{color:var(--accent,#6350d0);background:#ffffffc9;border:1px solid #ffffff;box-shadow:none}
.assign-printer{background:#ffffffa8;color:var(--accent);border-color:#ffffff;min-height:34px;font-weight:550}
.assign-printer:hover{background:#fff}.toner-preview b{color:#25314b;font-weight:650}.toner-preview small{color:#596681}
.pill{background:#fff;color:#37744c;font-weight:600}.pill.warning{background:#fff8df;color:#85521b}
.repair-counts b{color:var(--accent)}.repair-counts small{color:#58657c}.repair-counts b:first-child{color:#b55723}
.period-tabs,.segmented{background:#eaeaf5;border-color:#e0e1f0}.period-tabs button,.segmented button{color:#555f78}
.period-tabs button.active,.segmented button.active{background:#2168b4;color:#fff}.segmented b{color:inherit}
.primary{background:#2168b4;border-color:#2168b4;box-shadow:0 5px 14px #2168b420}.primary:hover{background:#523bcc}
.mobile-nav{background:#fff!important;backdrop-filter:none!important;border-color:#dfe2f0}.mobile-nav button{color:#65708a}.mobile-nav button.active{background:#e9f1f7;color:#2168b4;box-shadow:none}
.rank-track>i{background:linear-gradient(90deg,#2878cf,#75b5dc)}.ranking strong,.ranking b{color:#465171}
.attention{background:#fff3e8;border-color:#f2dfcf}.attention-list button>span{color:#423957}.attention-list small{color:#7c695a}.stock-total{color:#746955}.stock-total b{color:#6d513d}
.history-event{border-color:#e2e3ef}.event-icon.minus{background:#e9f1f7;color:#317bc4}.event-qty.minus{color:#2168b4}.event-model strong{color:#293651}.event-model small,.event-people span{color:#627088}.event-qty{color:#0b827d}
.cartridge-line:hover{background:#f2efff}.cartridge-name strong,.stock-number{color:#3e3969}.cartridge-name small,.usage-number{color:#64708b}
dialog::backdrop{backdrop-filter:none;background:#20213b66}dialog{background:#fff;border-color:#dedbf1;color:#29314c}.tooltip{backdrop-filter:none}
.bar-viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#b7a8eb #f4f2fc;overscroll-behavior-x:contain;border-radius:12px;background:linear-gradient(180deg,#faf9ff,#fff)}
.bar-viewport svg{display:block;max-width:none;font-family:inherit}
.wave-chart{height:auto!important;margin-top:12px}
.chart-controls{display:flex;align-items:center;gap:5px;margin-bottom:10px;flex-wrap:wrap}.chart-controls>span{font-size:11px;color:#647088;margin-right:auto}
.chart-controls button{font-size:11px;min-height:32px;padding:6px 11px;background:#f1eefb;color:#69589a;border-radius:8px}.chart-controls button[aria-pressed=true]{background:#2168b4;color:#fff}
.bar-pair{cursor:pointer;outline:none}.bar-pair:focus .bar-hit,.bar-pair.chosen .bar-hit{fill:#2878cf12;stroke:#8caecf;stroke-width:1;rx:5}
.bar-readout{padding:13px 15px;background:#e9f1f7;color:#4c3b91;font-size:12px;font-weight:550;border-radius:10px;margin:12px 0}
.chart-values{font-size:11px;color:#56627c;margin:10px 0}.chart-values summary{cursor:pointer;padding:8px 0}.chart-values table{border-collapse:collapse;width:100%;margin:8px 0}.chart-values td,.chart-values th{padding:8px;text-align:left;border-bottom:1px solid #e7e7f1}
button:active{box-shadow:inset 0 0 0 2px #2168b430}
@media(max-width:600px){.compact-header h1{font-size:23px}.stat-card strong{font-size:30px}.chart-panel{padding:16px 12px 8px}.chart-controls>span{flex-basis:100%;margin-bottom:4px}.bar-readout{font-size:11px}.panel-heading h2{font-size:17px}}
/* v09 — layered lacquer, moving reflections and dimensional printer emblems */
.printer-tile,.repair-printer,.stat-card,.repair-card{position:relative;isolation:isolate;overflow:hidden;
background-image:radial-gradient(ellipse at 12% 0%,#ffffffcf,transparent 65%),repeating-linear-gradient(125deg,#ffffff14 0 1px,transparent 1px 5px);
box-shadow:inset 0 2px 0 #ffffffed,inset 0 -3px 0 #46377816,0 5px 0 #bbc0da45,0 10px 21px #333d6310}
.printer-tile::before,.repair-printer::before,.stat-card::before,.repair-card::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;border-radius:inherit;background:radial-gradient(circle at var(--light-x,20%) var(--light-y,15%),#ffffff9c,transparent 60%);opacity:.8}
.printer-tile::after,.repair-printer::after,.stat-card::after,.repair-card::after{content:"";position:absolute;inset:-60% -100%;pointer-events:none;z-index:0;background:linear-gradient(112deg,transparent 38%,#fff0 43%,#ffffffad 49%,#ffffff26 53%,transparent 59%);transform:translateX(-45%)}
.printer-tile>*,.repair-printer>*,.stat-card>*,.repair-card>*{position:relative;z-index:1}
.printer-tile>.assign-printer{position:absolute}
html[data-motion=on] .motion-visible::after{animation:gloss-pass 5.4s cubic-bezier(.3,.05,.5,1) infinite;animation-delay:var(--phase,0s)}
@keyframes gloss-pass{0%,12%{transform:translateX(-45%)}62%,100%{transform:translateX(45%)}}
.printer-icon{width:39px;height:39px;border-radius:12px;position:relative;background:linear-gradient(135deg,#fff,#ffffffa8);border:1px solid #fff;box-shadow:3px 4px 0 #8274bf25,6px 8px 10px #403d701c;transform:perspective(220px) rotateX(10deg) rotateY(-15deg) rotateZ(-5deg)}
.printer-icon svg{width:24px;height:24px;stroke-width:1.8}
html[data-motion=on] .motion-visible .printer-icon{animation:printer-float 4s ease-in-out infinite;animation-delay:var(--phase,0s)}
@keyframes printer-float{0%,100%{transform:perspective(220px) rotateX(10deg) rotateY(-15deg) rotateZ(-5deg) translateY(0)}50%{transform:perspective(220px) rotateX(-6deg) rotateY(12deg) rotateZ(4deg) translateY(-4px)}}
.printer-tile:hover,.repair-printer:hover{box-shadow:inset 0 2px #fff,inset 0 -3px #7966b330,0 5px 0 #a59adf55,0 13px 25px #50418e22}
.printer-open{padding-top:11px;padding-bottom:39px}
.printer-open h2{margin-top:9px;font-size:16px}
.toner-preview{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 5px!important;max-height:none!important;overflow:visible!important;margin:6px 0 0!important;margin-top:auto!important}
.toner-preview>span{display:flex;min-width:0;gap:3px!important;font-size:11px;line-height:17px}
.toner-preview b{font-size:12px!important}.toner-preview small{font-size:9px!important}
.toner-preview .more-toners{grid-column:1/-1;font-size:9px;color:#5a557e}
.printer-tile:has(.more-toners){aspect-ratio:auto;min-height:195px}
.event-people{overflow:hidden}.history-event{box-shadow:inset 3px 0 #9d83ef,0 4px 12px #54408d08}
.history-event[open]{background:linear-gradient(125deg,#fff,#f0f5f9);border-color:#c9baee}
.history-event summary{min-height:72px}.history-event summary:hover{background:#eee8ff55}
.event-people>div{flex-wrap:wrap}.event-people span{min-width:100px}
.timeline-date{color:#61518e;font-weight:650}
.primary,.pagination button,.assign-printer{background-image:linear-gradient(180deg,#ffffff30,transparent 60%);box-shadow:inset 0 1px #ffffff80,inset 0 -2px #38216015}
.primary:active,.pagination button:active,.assign-printer:active{box-shadow:inset 0 2px 5px #38216030}
html[data-motion=on] .mobile-nav button.active svg,html[data-motion=on] .sidebar nav button.active svg{animation:nav-pop .6s cubic-bezier(.2,1.7,.4,1)}
@keyframes nav-pop{0%{transform:rotate(-18deg) scale(.65)}60%{transform:rotate(9deg) scale(1.15)}100%{transform:none}}
.compact-header h1{padding-bottom:7px;position:relative}
.compact-header h1::after{content:"";position:absolute;bottom:0;left:0;width:58px;height:3px;border-radius:10px;background:linear-gradient(90deg,#317bc4,#27c5d1,#8bc4df);background-size:200% 100%}
html[data-motion=on] .compact-header h1::after{animation:title-light 3s ease-in-out infinite}
@keyframes title-light{50%{background-position:100% 0;width:90px}}
#motion{min-width:38px;box-shadow:0 0 0 3px #317bc413}
#motion[aria-pressed=true]{color:#2168b4;background:#e9f1f7}
.chart-panel{background:linear-gradient(140deg,#fff 45%,#edf3f8);box-shadow:inset 0 2px #fff,0 9px 23px #41387709}
.bar-shape{transition:filter .2s}.bar-pair:hover .bar-shape{filter:brightness(1.18)}
html[data-motion=on] .rank-track>i{background-size:200% 100%;animation:rank-light 4s linear infinite}
@keyframes rank-light{50%{background-position:100% 0}}
html.motion-paused *,html.motion-paused *::after{animation-play-state:paused!important}
html[data-motion=off] *,html[data-motion=off] *::after{animation:none!important}
@media(max-width:600px){.printer-icon{width:31px;height:31px}.printer-icon svg{width:21px;height:21px}.printer-open h2{margin-top:7px;font-size:15px}.printer-open{padding-top:10px}.toner-preview{gap:1px 4px!important}.event-people{padding-left:17px}}

/* v10 — Manrope / graphite, steel and blue */
:root{font-family:'Manrope',system-ui,sans-serif;color:#243443;background:#f1f4f6;--ink:#243443;--muted:#637585;--line:#d9e2e8;--teal:#2168b4}
body{background:linear-gradient(135deg,#f4f6f7,#eaf0f4)}
h1,h2,h3,dialog h2,form h3,.login-shell h1,.printer-detail-head h2{font-family:'Manrope',system-ui,sans-serif!important;letter-spacing:-.035em}
.compact-header h1{font-weight:700;color:#202f3d}.panel-heading h2,.settings-section h2{color:#293f50;font-weight:650}
.brand{font-family:'Manrope',sans-serif;letter-spacing:-2px;color:#1d2d3a}.brand>span{color:#697d8d}
.sidebar,.mobile-nav{background:#fafcfd!important;border-color:#dce4e9}
.sidebar nav button,.mobile-nav button{color:#586d7d}.sidebar nav button.active,.mobile-nav button.active{color:#1b619d;background:#e2edf5}
.header-tools .icon-button,.avatar{color:#46708f;background:#e9f0f5;border-color:#d8e3eb}
.printer-tile,.repair-printer,.printer-tile:nth-child(n),.repair-printer:nth-child(n){--tile:#e5edf3;--accent:#2c658f;background-color:var(--tile);border-color:#ccdbe5;box-shadow:inset 0 2px #fff,inset 0 -3px #223d5012,0 5px 0 #bdccd638,0 9px 20px #1835490b}
.printer-tile:nth-child(3n+2),.repair-printer:nth-child(3n+2){--tile:#e5eeee;--accent:#306b70}
.printer-tile:nth-child(3n+3),.repair-printer:nth-child(3n+3){--tile:#e9ecf0;--accent:#50647c}
.printer-open h2,.repair-printer h2,.toner-preview b{color:#23394a}
.stat-card:nth-child(n){background-color:#e2ebf2;border:1px solid #cddce7;box-shadow:inset 0 2px #fff,0 5px 0 #bdccd638,0 9px 20px #1835490b}
.stat-card:nth-child(n) strong{color:#315975}.stat-card:nth-child(n)>span,.stat-card:nth-child(n) p,.stat-card:nth-child(n) strong small{color:#526e83}
.stat-card.selected:nth-child(n){background-color:#233e54;border-color:#233e54}
.stat-card.selected:nth-child(n) strong,.stat-card.selected:nth-child(n)>span,.stat-card.selected:nth-child(n) p,.stat-card.selected:nth-child(n) strong small{color:#fff}
.stat-card.selected::before{opacity:.14}.stat-card.selected::after{opacity:.18}
.period-tabs,.segmented{background:#e5edf2;border-color:#d2dfe8}.period-tabs button,.segmented button{color:#526b7e}
.period-tabs button.active,.segmented button.active{background:#2e6086;color:#fff}
.primary{background-color:#2b628e;border-color:#2b628e}.primary:hover{background-color:#214e73}
.text-button,.back{color:#30688e}.attention{background:#f4f0e8;border-color:#e4dccd}
.history-event{box-shadow:inset 3px 0 #80a5bf,0 4px 12px #18364c08}.history-event[open]{background:linear-gradient(125deg,#fff,#edf4f8);border-color:#a6c0d2}
.history-event summary:hover{background:#e8f1f655}.event-icon.minus{background:#e5eff6;color:#2d6995}.event-qty.minus{color:#27658f}
.event-model strong,.event-people b{color:#294355}.timeline-date{color:#4b6c84}.event-people span,.event-model small{color:#607889}
.chart-panel{background:linear-gradient(140deg,#fff 45%,#eaf1f6)}.chart-controls button{background:#e9eff4;color:#486981}
.chart-controls button[aria-pressed=true]{background:#2b628e;color:#fff}.bar-readout{background:#e5eef5;color:#2b5574}
.chart-values,.quiet,.subnote,.legend{color:#5b7183}.bar-viewport{background:linear-gradient(#f3f7fa,#fff);scrollbar-color:#93b0c4 #ecf2f6}
.rank-track>i{background-image:linear-gradient(90deg,#2c75ae,#8fc7dd)}.rank-track{background:#e5edf2}
button:focus-visible,input:focus-visible,select:focus-visible{outline-color:#397bad}
#motion[aria-pressed=true]{color:#256398;background:#e1edf6;box-shadow:0 0 0 3px #387aa212}
.compact-header h1::after{background-image:linear-gradient(90deg,#286da5,#85bacd,#536d86)}
dialog{color:#294252;border-color:#cbdce7}.settings-section h2,.cartridge-name strong,.stock-number{color:#294c65}
/* v11 — quiet Kyocera line art, behind all interactive content */
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:url('/assets/kyocera-outline.svg');background-size:480px auto;background-position:right -70px bottom -45px;background-repeat:no-repeat;opacity:.26}
body{isolation:isolate}
main{position:relative}
.sidebar nav button,.mobile-nav button,.period-tabs button,.segmented button{transition:background-color .28s ease,color .28s ease,box-shadow .28s ease}
#content{min-height:55vh}
@media(min-width:1500px){body::before{background-size:550px auto;opacity:.32}}
@media(max-width:600px){body::before{background-size:300px auto;background-position:right -100px bottom 45px;opacity:.16}}
body::before{z-index:0;opacity:.34}#workspace,.login-shell{position:relative;z-index:1}
@media(max-width:600px){body::before{opacity:.2}}