:root{--ink:#142321;--muted:#74807a;--green:#314f3e;--lime:#d4efac;--line:#e4e9e4;--bg:#f5f7f3;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #91b758;outline-offset:3px}.sidebar{width:250px;position:fixed;inset:0 auto 0 0;background:var(--ink);color:#fff;padding:32px 22px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;gap:12px;color:white;align-items:center;font-size:21px;font-weight:650;letter-spacing:-.5px}.brand small{display:block;color:#9caea3;font-size:10px;letter-spacing:.3px;font-weight:400}.brand-icon{background:var(--lime);color:var(--ink);display:grid;place-items:center;width:42px;height:42px;border-radius:12px;font-size:24px;font-weight:750;flex-shrink:0}.nav-caption{font-size:10px;letter-spacing:1.6px;color:#83978b;margin:48px 12px 16px}nav{display:grid;gap:6px}nav a{color:#c7d1ca;display:flex;gap:14px;padding:12px 15px;border-radius:8px}nav a span{width:20px;font-size:19px;line-height:22px}nav a:hover{background:#253731;text-decoration:none}.selected{background:var(--lime)!important;color:var(--ink)!important;font-weight:650}.sidebar-bottom{margin-top:auto;padding-top:30px}.sidebar-bottom>a{font-size:12px;color:#b7c8bc}.profile{display:flex;gap:12px;align-items:center;border-top:1px solid #34443c;margin-top:20px;padding-top:20px}.profile small,.person small{display:block;font-size:12px;color:var(--muted)}.avatar{background:#36493e;color:#d6e9d7;border-radius:50%;width:34px;height:34px;display:grid;place-items:center}.logout{border:0;background:none;color:#b2c3b7;padding:12px 0;font-size:12px}.version{color:#7f9487;font-size:10px}main{margin-left:250px;min-height:100vh}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.status-dot:before{content:'';display:inline-block;width:7px;height:7px;background:#7d9e58;border-radius:50%;margin-right:8px}.content{max-width:1640px;margin:auto;padding:38px 42px 60px}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#71856d;font-weight:700;margin:0 0 8px}h1{font-size:32px;line-height:1.2;letter-spacing:-1px;font-weight:650;margin:0 0 10px}h2{font-size:17px;font-weight:650;margin:0 0 12px}h3{font-size:17px}.muted{color:var(--muted);margin:4px 0 14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--green);color:#fff;padding:11px 19px;border-radius:7px;border:1px solid var(--green);font-size:13px;font-weight:600;white-space:nowrap}.button:hover{filter:brightness(.94);text-decoration:none}.secondary{background:white;color:var(--green);border-color:#d9e1d5}.small{font-size:11px;padding:7px 10px}.wide{width:100%}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:26px}.stats>a{display:block;padding:22px 24px;background:white;border:1px solid var(--line);border-radius:11px;color:var(--ink)}.stats>a:hover{border-color:#a4bb91;text-decoration:none}.stats span{font-size:12px;color:var(--muted)}.stats strong{display:block;font-size:38px;font-weight:600;line-height:1.5;letter-spacing:-2px}.stats small{font-size:10px;color:var(--muted)}.two-columns{display:grid;grid-template-columns:1.35fr 1fr;gap:24px}.panel{background:white;border:1px solid var(--line);border-radius:11px;padding:25px;min-width:0}.panel-title{display:flex;gap:12px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:8px}.panel-title h2{margin:0}.panel-title>a{font-size:11px}.empty{text-align:center;padding:50px 15px;color:var(--muted);font-size:13px}.empty>span{font-size:32px;color:#adc29c}.empty h3{color:#51634f;font-weight:550;margin-bottom:8px}.empty p{max-width:340px;margin:0 auto 16px}.task-row{display:flex;gap:12px;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f3ed;padding:17px 0;color:var(--ink);font-size:13px}.task-row>div{flex:1}.task-row small,td small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.task-mark{background:#eff4e9;color:#6f8a5c;border-radius:8px;padding:7px 10px}.badge{display:inline-block;background:#f0f2ef;border:1px solid #e7ece2;color:#697660;font-size:10px;line-height:1.5;padding:4px 9px;border-radius:5px;white-space:nowrap}.badge.active,.badge.review{background:#e9f2e1;border-color:#deebd1;color:#527235}.badge.waiting,.badge.paused{background:#fff3dc;border-color:#f5e7c6;color:#91702b}.badge.done,.badge.issued{background:#e4f3ed;color:#357b62}.event-row{display:flex;gap:12px;padding:14px 0;font-size:12px}.event-row p{color:var(--muted);margin:3px 0;font-size:11px}.event-row small{color:#9da598;font-size:10px}.event-dot{width:7px;height:7px;background:#a6bd8b;border-radius:50%;margin-top:7px;flex-shrink:0}.callout{display:flex;gap:25px;justify-content:space-between;align-items:center;border:1px solid #dde6d2;border-radius:11px;background:#edf3e5;padding:26px 30px;margin-top:25px}.callout h2{font-size:20px}.callout p:last-child{font-size:12px;color:#7b8971;margin:0;max-width:560px}.filters,.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.filters input{max-width:380px}.filters select{max-width:260px}.filters input,.filters select{margin:0}.table-panel{padding:0;overflow:hidden}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{font-weight:550;color:#7d8876;background:#fafcf7;font-size:10px;text-transform:uppercase;letter-spacing:.4px;padding:15px 22px;white-space:nowrap}td{padding:18px 22px;border-top:1px solid var(--line);vertical-align:top}.table-link{color:var(--ink);font-weight:600;font-size:13px}td .badge{margin-top:2px}.form-panel{max-width:760px}form p{margin:0 0 18px}label{display:block;font-size:12px;font-weight:600;margin-bottom:7px}input,select,textarea{background:#fff;border:1px solid #dce3d7;padding:11px 12px;border-radius:6px;width:100%;color:var(--ink);min-width:0}textarea{resize:vertical}input:focus,textarea:focus,select:focus{border-color:#91ac77}.helptext{font-size:11px;color:var(--muted)}.errorlist{font-size:12px;color:#a14130;padding:12px 18px;background:#fff1ec;border-radius:6px;list-style:none}.form-actions{display:flex;gap:12px;margin-top:25px}.back{font-size:12px;display:inline-block;margin-bottom:14px}.notice{background:#f0f5df;border:1px solid #d7e4bc;border-radius:8px;padding:15px 18px;font-size:13px;margin-bottom:20px}.break{overflow-wrap:anywhere}.person{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 0;border-bottom:1px solid var(--line)}.warehouse-chips{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0 20px}.warehouse-chips>div{background:#ebf0e5;border-radius:7px;padding:10px 15px;font-size:12px}.warehouse-chips small{display:block;color:var(--muted)}dl{display:grid;grid-template-columns:130px 1fr;font-size:13px;gap:12px;margin:20px 0}dt{color:var(--muted)}dd{margin:0}.comment{padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.comment small{float:right;font-size:10px;color:var(--muted)}.comment p{margin-bottom:0}.status-form{padding-top:20px;border-top:1px solid var(--line)}hr{border:0;border-top:1px solid var(--line);margin:24px 0}details{font-size:11px;margin:8px 0}summary{cursor:pointer;color:var(--green)}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:450px}code{font-size:12px}.mono{font-family:monospace;overflow-wrap:anywhere;font-size:9px!important}.pagination{display:flex;justify-content:center;gap:25px;padding:18px;border-top:1px solid var(--line);font-size:12px}.auth-main{margin:0;display:grid;place-items:center;min-height:100vh;background:radial-gradient(ellipse at 25% 15%,#e5edda,transparent 65%)}.auth-main .content{width:100%;max-width:520px;padding:30px 22px}.auth-card{padding:35px;background:white;border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 60px #233c2010}.auth-card .brand-icon{margin-bottom:25px}.auth-card h1{font-size:28px}.auth-card .muted{font-size:13px;margin-bottom:26px}.auth-foot{font-size:11px;color:#84917c;line-height:1.8;border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.qr{text-align:center;margin:20px auto}.qr svg{width:210px;height:210px;max-width:100%}.codes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.codes code{background:#f3f6ee;padding:10px;border-radius:5px;font-size:15px;letter-spacing:1px}
@media(min-width:1600px){.content{padding-top:46px}.stats>a{padding:28px}}
@media(max-width:1100px){.sidebar{width:215px;padding:26px 15px}main{margin-left:215px}.content{padding:28px 24px}.topbar{padding:0 24px}.stats{gap:12px}.stats>a{padding:18px}.two-columns{grid-template-columns:1fr}.callout{align-items:flex-start;flex-direction:column}h1{font-size:28px}}
@media(max-width:700px){.sidebar{position:static;width:auto;padding:16px}.brand{font-size:18px}.brand small,.nav-caption,.sidebar-bottom{display:none}.brand-icon{width:34px;height:34px;font-size:20px}nav{display:flex;overflow-x:auto;margin-top:15px;gap:4px}nav a{flex-shrink:0;padding:9px 11px;font-size:12px}nav a span{display:none}main{margin-left:0}.topbar{height:45px;padding:0 18px;font-size:10px}.content{padding:24px 16px 50px}.page-heading{align-items:flex-start;flex-direction:column;gap:10px}h1{font-size:27px}.page-heading .muted{font-size:12px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stats>a{padding:16px}.stats strong{font-size:30px}.stats span{font-size:11px}.stats small{font-size:9px}.panel{padding:19px}.table-panel{padding:0}.two-columns{gap:16px}.callout{padding:20px}.auth-card{padding:26px}.auth-main .content{padding:20px}td{padding:15px}th{padding:12px 15px}.filters input,.filters select{max-width:none;flex:1 1 150px}.toolbar .button{font-size:11px;padding:9px 12px}.task-row{flex-wrap:wrap}.task-row .badge{margin-left:auto}dl{grid-template-columns:100px 1fr}.auth-main{display:block;padding-top:20px}}

.top-account{display:flex;align-items:center;gap:15px}.top-account a{font-size:11px}.top-logout{background:none;border:0;color:#74807a;font-size:11px;padding:4px}.topbar .top-account form{margin:0}
@media(max-width:450px){.topbar>span{max-width:90px;line-height:1.3}.top-account{gap:9px}}
