:root{font-family:Segoe UI,Arial,sans-serif;color:#203735;background:#f3f5f2;font-size:15px;--green:#166b58;--ink:#102c2b;--muted:#71827d;--line:#dce4df}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button,.button{cursor:pointer;border:0;background:var(--green);color:white;padding:11px 17px;border-radius:8px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px}button:hover,.button:hover{filter:brightness(.94)}button:disabled{opacity:.5;cursor:wait}.secondary{background:#e6eee8;color:#255346}.quiet{background:transparent;color:#60766b}.danger{background:#fce5df;color:#a33d2a}.small{font-size:13px;padding:6px 10px;min-height:32px}a{color:var(--green)}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-1px;margin-bottom:8px}h2{font-size:19px}h3{font-size:16px}p{line-height:1.6}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:2px;font-weight:700;color:#84a89b}.shell{display:grid;grid-template-columns:235px 1fr;min-height:100vh}.sidebar{background:var(--ink);padding:30px 20px;color:#c1d4cc;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{color:white;font-size:26px;font-weight:750;letter-spacing:-1px;margin:0 10px 5px}.brand span{color:#94c2ab;font-weight:400}.brand-sub{margin:0 10px 38px;font-size:12px;color:#86a59a}.sidebar nav{display:grid;gap:7px}.sidebar nav a{color:#b8cdc3;text-decoration:none;padding:12px 14px;border-radius:8px;display:flex;gap:12px}.sidebar nav a.active{background:#254b40;color:#fff}.sidebar nav a:hover{background:#1d4038}.nav-icon{width:20px;text-align:center}.side-footer{margin-top:auto;padding:24px 10px 0;font-size:12px;line-height:1.7}.side-footer strong{color:white;display:block}.main{min-width:0}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:15px}.topbar .date{font-size:13px;color:var(--muted)}.status-dot{display:inline-block;width:7px;height:7px;background:#48a677;border-radius:50%;margin-right:6px}.content{padding:32px 36px 50px;max-width:1600px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px}.page-head p{color:var(--muted);margin:0}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}.metric{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px}.metric .value{font-size:32px;font-weight:700;margin:12px 0 7px;letter-spacing:-1px}.metric .label{font-size:13px;color:#62776d}.metric small{color:var(--muted);font-size:12px}.metric.accent{background:#dfebdc;border-color:#d4e3cf}.panel{background:white;border:1px solid var(--line);border-radius:12px;margin-bottom:20px;overflow:hidden}.panel-head{padding:21px 23px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-head h2{margin:0}.panel-body{padding:24px}.tabs{display:flex;gap:7px;flex-wrap:wrap}.tabs a,.tabs button{color:#68796f;background:transparent;padding:8px 12px;border-radius:7px;text-decoration:none;font-size:13px}.tabs .active{background:#e6efe7;color:#246446;font-weight:700}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.search{max-width:350px;width:100%}input,select,textarea{border:1px solid #ccd9d0;border-radius:7px;padding:11px 12px;width:100%;background:white;color:var(--ink)}input:focus,select:focus,textarea:focus{border-color:#248364}input[type=checkbox]{width:auto}label{font-size:13px;display:block;margin-bottom:7px;color:#4b6557;font-weight:600}.field{margin-bottom:17px}.field small{display:block;margin-top:7px;color:var(--muted)}textarea{resize:vertical;min-height:95px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.full{grid-column:1/-1}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#819087;font-weight:600;text-align:left;background:#fafbf9;padding:14px 22px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:18px 22px;border-bottom:1px solid #edf0ec;vertical-align:middle}tr:last-child td{border-bottom:0}td strong{display:block;color:#293f33;margin-bottom:5px}td small{display:block;color:var(--muted)}.order-id{color:var(--green);font-weight:700;text-decoration:none}.badge{display:inline-block;font-size:12px;font-weight:600;white-space:nowrap;border-radius:20px;padding:6px 10px}.waiting{background:#fbf0d8;color:#9e7922}.repair{background:#e0ebfb;color:#426ba7}.ready{background:#e1f0e2;color:#3d8050}.closed{background:#edf0ed;color:#78867b}.empty{text-align:center;padding:60px 25px;color:var(--muted)}.empty .symbol{font-size:34px;margin-bottom:15px;color:#8aa99b}.empty h3{color:#415a4c}.split{display:grid;grid-template-columns:1.6fr 1fr;gap:22px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.info-grid small{display:block;color:var(--muted);margin-bottom:6px}.info-grid p{margin-bottom:0;white-space:pre-wrap;overflow-wrap:anywhere}.info-grid .full{grid-column:1/-1}.device-photo{max-width:100%;max-height:240px;object-fit:contain;border-radius:8px}.total-line{display:flex;justify-content:space-between;gap:16px;padding:10px 0}.total-line.big{font-size:21px;font-weight:700;border-top:1px solid var(--line);margin-top:10px;padding-top:18px}.steps{display:flex;gap:6px;margin:24px 0}.step{flex:1;border-top:4px solid #dce4df;padding-top:10px;font-size:12px;color:var(--muted)}.step.done{border-color:#3d8e6a;color:#286746}.notice{background:#f6f1dd;color:#7b672b;border-radius:8px;padding:14px 17px;line-height:1.6;font-size:13px;margin-bottom:18px}.success{background:#e6f2e5;color:#326b3b}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-story{background:var(--ink);padding:12vh 12%;color:#c5d9ce;display:flex;flex-direction:column;justify-content:center}.login-story h1{font-size:52px;color:white;line-height:1.13;margin:32px 0 22px;max-width:520px}.login-story p{max-width:440px;color:#9cb9a8}.login-card{align-self:center;width:min(420px,90%);margin:60px auto}.login-card h1{font-size:28px;margin-bottom:14px}.login-card form{margin-top:32px}.login-card button{width:100%;margin-top:8px}.error{color:#aa3c2d;line-height:1.5}.loading{padding:60px;text-align:center}.board-shell{background:#102c2b;color:#e9f3e8;min-height:100vh;padding:30px}.board-shell h1{color:#f6fff1}.board-shell .muted{color:#9db7a7}.board-shell .page-head{margin-bottom:30px}.board-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.board-column{background:#1a3932;border:1px solid #2e5143;border-radius:12px;padding:20px}.board-card{background:#26473c;border-radius:8px;padding:18px;margin-top:13px}.board-card strong{font-size:20px}.board-card p{margin:8px 0;color:#c4d8c6}.stock-row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #365747}.low{color:#c97c31;font-weight:700}.board-shell .low{color:#f5c36a}.clock{font-size:26px}.board-shell .metric{background:#1a3932;border-color:#2e5143}.board-shell .metric .label{color:#aac1b0}dialog{border:1px solid var(--line);border-radius:14px;padding:28px;max-width:720px;width:calc(100% - 32px);max-height:90vh;overflow:auto;color:var(--ink)}dialog::backdrop{background:#092b2690;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-head h2{margin:0}.dialog-error{margin-bottom:16px}#toast{position:fixed;bottom:25px;right:25px;padding:14px 22px;border-radius:9px;background:#183e30;color:white;box-shadow:0 5px 25px #0002;display:none;z-index:100}#toast.visible{display:block}.label-sheet{display:grid;grid-template-columns:repeat(2,100mm);gap:3mm;justify-content:center}.qr-label{width:100mm;height:54mm;background:#fff;border:1px dashed #a8b8ab;display:flex;gap:3mm;padding:3mm;break-inside:avoid;color:#111;font-size:10px}.qr-label img{width:34mm;height:34mm}.qr-label .qr-caption{font-size:8px;text-align:center;max-width:34mm;overflow-wrap:anywhere}.qr-label .blank-fields{flex:1;min-width:0}.qr-label .blank-fields b{font-size:11px}.blank-line{margin-top:6mm;white-space:nowrap}.photo-place{height:13mm;width:23mm;border:1px dashed #aaa;text-align:center;font-size:8px;margin-top:3mm;padding-top:4mm}.print-only{display:none}.catalog-list{display:flex;gap:10px;flex-wrap:wrap}.catalog-list button{background:#eaf0e8;color:#315d43}.report-money{font-variant-numeric:tabular-nums}.inline-link{border:0;background:transparent;color:var(--green);padding:0;min-height:auto;text-decoration:underline}.footer-note{font-size:12px;color:var(--muted);margin-top:24px;line-height:1.6}.link-row{display:flex;gap:10px}.link-row input{flex:1}.phone-link{white-space:nowrap}.checkbox-line{display:flex;gap:8px;align-items:center}.auth-note{font-size:12px;line-height:1.6;margin-top:25px;color:var(--muted)}
@media(min-width:1800px){.board-columns{font-size:19px}.board-card strong{font-size:28px}}
@media(max-width:1100px){.shell{grid-template-columns:190px 1fr}.sidebar{padding:25px 12px}.content{padding:25px 22px}.topbar{padding:0 22px}.metrics{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.board-columns{grid-template-columns:1fr 1fr}.board-column:last-child{grid-column:1/-1}.label-sheet{grid-template-columns:100mm}}
@media(max-width:720px){.shell{display:block}.sidebar{position:relative;height:auto;padding:14px}.brand{font-size:22px}.brand-sub,.side-footer{display:none}.sidebar nav{display:flex;overflow:auto;margin-top:15px;gap:5px}.sidebar nav a{white-space:nowrap;font-size:12px;padding:9px}.nav-icon{display:none}.topbar{height:56px;padding:0 16px}.topbar .date{display:none}.content{padding:24px 14px}.page-head{align-items:flex-start;flex-direction:column}h1{font-size:26px}.metric{padding:17px}.metric .value{font-size:27px}.metrics{gap:10px}.toolbar{flex-direction:column;align-items:stretch}.form-grid,.info-grid{grid-template-columns:1fr}.form-grid .full{grid-column:1}.panel-body{padding:18px}.panel-head{padding:17px}td,th{padding:14px}.login-page{display:block}.login-story{padding:35px 25px}.login-story h1{font-size:30px;margin:18px 0}.login-story p{display:none}.login-card{margin:40px auto}.board-shell{padding:20px 12px}.board-columns{grid-template-columns:1fr}.board-column:last-child{grid-column:auto}.label-sheet{justify-content:start;overflow:auto}.steps{gap:4px}.step{font-size:10px}}
@page{size:A4;margin:5mm}@media print{body{background:white}.sidebar,.topbar,.page-head,.no-print,#toast,dialog{display:none!important}.shell,.main,.content{display:block;padding:0;margin:0;max-width:none}.label-sheet{display:grid;grid-template-columns:repeat(2,100mm);gap:2mm;overflow:visible;justify-content:start}.qr-label{border:1px dashed #bbb;height:54mm}.print-only{display:block}.panel{border:0}.steps{print-color-adjust:exact}.badge{print-color-adjust:exact}.table-wrap{overflow:visible}}

.split>*,.panel,.board-column,.metric{min-width:0}.metric .value{overflow-wrap:anywhere}.topbar>span{min-width:0}.topbar>.actions{min-width:0}.topbar>.actions>span{overflow-wrap:anywhere}@media(max-width:720px){.topbar{height:auto;min-height:56px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px;gap:8px}.topbar>.actions>span{max-width:240px;font-size:12px}.topbar>.actions>span small{display:none}.total-line strong,.total-line.big span:last-child{text-align:right}.metric .value{font-size:24px}.board-shell .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
