:root{--bg:#f5f7fb;--panel:#fff;--text:#171b25;--muted:#778093;--line:#e8ebf2;--dark:#172033;--accent:#5f67f1;--accent2:#8e61ee;--success:#1aa977;--warn:#e49b2f;--danger:#df5a67;--shadow:0 14px 40px rgba(26,34,56,.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:244px;background:#fff;border-right:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:30}.brand{display:flex;align-items:center;gap:11px;padding:3px 8px 23px}.brandmark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-weight:800}.brand b{display:block;font-size:18px}.brand span{display:block;font-size:12px;color:var(--muted);margin-top:1px}.sidebar nav{display:grid;gap:5px}.nav-item,.logout{border:0;background:transparent;padding:11px 12px;border-radius:12px;display:flex;align-items:center;gap:11px;color:#596274;cursor:pointer;text-align:left}.nav-item i,.logout i{width:34px;height:34px;border-radius:10px;background:#f0f2f7;display:grid;place-items:center;font-style:normal;font-size:17px}.nav-item:hover,.nav-item.active{background:#f3f2ff;color:#433bd6}.nav-item.active i{background:#dedcff;color:#433bd6}.sidebar-foot{margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}.logout{width:100%;color:#b44751}.logout i{background:#fff0f1}.main{margin-left:244px;width:calc(100% - 244px)}.topbar{height:86px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.topbar .left{display:flex;align-items:center;gap:14px}.topbar h1{font-size:22px;margin:0}.topbar p{font-size:12px;margin:3px 0 0;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:10px}.icon-btn,.search-btn{border:1px solid var(--line);background:#fff;height:42px;border-radius:12px;cursor:pointer}.icon-btn{width:42px}.search-btn{padding:0 14px;color:#596274}.user{width:42px;height:42px;border-radius:12px;background:#171b25;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700}.content{padding:26px;max-width:1600px;margin:auto}.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}.hero h2{margin:0 0 7px;font-size:25px}.hero p{margin:0;color:var(--muted)}.btn{border:0;padding:11px 16px;border-radius:11px;cursor:pointer;font-weight:700}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:white;box-shadow:0 8px 22px rgba(95,103,241,.22)}.btn.ghost{background:#f2f4f8;color:#566071}.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:20px}.kpi{background:#fff;border:1px solid var(--line);border-radius:18px;padding:17px;box-shadow:0 6px 22px rgba(26,34,56,.035)}.kpi .ico{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#f0f2f7;margin-bottom:12px}.kpi strong{font-size:24px;display:block}.kpi span{font-size:12px;color:var(--muted)}.grid2{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 6px 22px rgba(26,34,56,.035);overflow:hidden}.panel-head{padding:18px 18px 12px;display:flex;justify-content:space-between;align-items:center}.panel-head h3{margin:0;font-size:16px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:13px 18px;border-top:1px solid var(--line);text-align:left;font-size:13px;white-space:nowrap}.table th{color:var(--muted);font-weight:600;background:#fbfcfe}.status{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:700}.status.confirmed,.status.ready{background:#eef0ff;color:#4c4ac7}.status.out{background:#fff2dd;color:#a16b12}.status.available{background:#e8faf2;color:#17795a}.status.cleaning{background:#eaf5ff;color:#3278a8}.status.late{background:#ffecef;color:#b94352}.quick{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 18px 18px}.quick button{min-height:86px;border:1px solid var(--line);border-radius:14px;background:#fafbfe;text-align:left;padding:14px;cursor:pointer}.quick button b{display:block;margin-bottom:5px}.quick button span{font-size:11px;color:var(--muted)}.toolbar{display:flex;gap:10px;justify-content:space-between;margin-bottom:16px}.toolbar input{height:42px;border:1px solid var(--line);border-radius:12px;padding:0 14px;min-width:280px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.garment-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px}.garment-photo{height:150px;border-radius:14px;background:linear-gradient(135deg,#f5efff,#edf5ff);display:grid;place-items:center;font-size:45px}.garment-card h3{margin:13px 0 5px}.garment-card p{margin:0;color:var(--muted);font-size:12px}.garment-meta{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.day{min-height:122px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:9px}.day .n{font-size:12px;color:var(--muted)}.event{display:block;margin-top:7px;padding:6px 7px;border-radius:8px;background:#f0efff;color:#5149c6;font-size:10px}.empty{padding:44px;text-align:center;color:var(--muted)}.modal{display:none;position:fixed;inset:0;background:rgba(17,22,35,.44);z-index:80;align-items:center;justify-content:center;padding:18px}.modal.open{display:flex}.modal-card{width:min(780px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:22px;padding:24px;box-shadow:var(--shadow);position:relative}.modal-close{position:absolute;right:16px;top:14px;border:0;background:#f2f4f8;border-radius:10px;width:36px;height:36px;font-size:22px}.muted{color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-grid label{display:grid;gap:6px;font-size:12px;color:#687185}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid var(--line);border-radius:11px;padding:11px;background:#fff}.full{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:10px}.notice{padding:11px 13px;border-radius:11px;margin-top:12px;font-size:12px}.notice.ok{background:#eaf9f2;color:#157350}.notice.err{background:#ffedf0;color:#b43c4b}@media(max-width:1200px){.kpis{grid-template-columns:repeat(3,1fr)}.cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.sidebar{transform:translateX(-102%);transition:.25s}.sidebar.open{transform:translateX(0);box-shadow:var(--shadow)}.main{margin-left:0;width:100%}.grid2{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.topbar{padding:0 16px}.content{padding:18px}.search-btn span{display:none}}@media(max-width:560px){.kpis{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.toolbar{flex-direction:column}.toolbar input{min-width:0;width:100%}.calendar{grid-template-columns:1fr}.day{min-height:auto}.topbar h1{font-size:18px}}
.actions{display:flex;gap:6px}.btn.tiny{padding:7px 10px;border:1px solid var(--line);background:#fff;font-size:11px}.btn.tiny.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border:0}.btn.tiny.danger{background:#fff0f2;color:#b43f4d;border-color:#ffd6dc}.garment-photo{position:relative}.garment-photo small{position:absolute;left:10px;bottom:9px;background:rgba(255,255,255,.84);padding:4px 7px;border-radius:7px;font-weight:700}.mini-stats{border-top:1px solid var(--line);margin-top:12px;padding-top:10px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.sub{display:block;color:var(--muted);margin-top:3px}.calendar-head{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:8px}.calendar-head b{text-align:center;color:var(--muted);font-size:12px}.day.blank{background:transparent;border-style:dashed}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.workflow-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;display:grid;gap:14px}.workflow-card p{margin:4px 0 0;color:var(--muted);font-size:12px}.workflow-actions{display:flex;justify-content:flex-end}.kpis.compact{grid-template-columns:repeat(2,minmax(220px,320px));justify-content:start}.report-kpis{grid-template-columns:repeat(6,1fr)}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.setting-box{padding:18px}.setting-box h3{margin-top:0}.setting-row{padding:11px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px}.setting-row:first-of-type{border-top:0}@media(max-width:1200px){.workflow-grid{grid-template-columns:repeat(2,1fr)}.report-kpis{grid-template-columns:repeat(3,1fr)}.settings-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.workflow-grid,.settings-grid{grid-template-columns:1fr}.report-kpis,.kpis.compact{grid-template-columns:repeat(2,1fr)}.calendar-head{display:none}}
[hidden]{display:none!important}.login-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top left,#eef4ff,#f8fafc 45%,#fff);padding:24px}.login-card{width:min(430px,100%);background:#fff;border:1px solid #e6ebf2;border-radius:24px;padding:34px;box-shadow:0 24px 70px rgba(31,79,143,.12)}.login-brand{margin-bottom:28px}.login-card h1{font-size:30px;margin:0 0 8px}.login-card p,.login-card small{color:#728096}.login-card form{display:grid;gap:15px;margin:24px 0}.login-card label{display:grid;gap:7px;font-weight:650}.login-card input{height:46px;border:1px solid #dce3ec;border-radius:12px;padding:0 13px}.wide{width:100%;justify-content:center}.license-mini{font-size:11px;color:#8290a4;padding:8px 10px}.offline-pill{font-size:12px;border-radius:999px;padding:7px 10px;background:#e9f7ef;color:#16724a}.offline-pill.offline{background:#fff1df;color:#a05b00}.clickable{cursor:pointer}.premium-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;color:#6c7b90}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.photo-grid img,.photo-empty{width:100%;height:170px;object-fit:cover;border-radius:14px;background:#f1f4f8;display:grid;place-items:center;color:#8290a4}.inline-form{display:flex;gap:10px;align-items:center;margin-bottom:18px}.detail-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.detail-kpis>div{padding:14px;background:#f7f9fc;border-radius:12px}.detail-kpis span{display:block;font-size:12px;color:#758297}.detail-kpis b{display:block;margin-top:4px}.barcode{padding:18px;text-align:center;background:#fff;border:1px dashed #cbd4e1;border-radius:14px;margin:18px 0}.barcode span{font-family:monospace;font-size:26px;letter-spacing:4px;display:block}.barcode small{color:#7b879a}#sigCanvas{width:100%;height:220px;border:1px dashed #aeb9c8;border-radius:14px;background:#fff;touch-action:none;margin:12px 0}.modal-wide{width:min(900px,94vw)}@media(max-width:700px){.detail-kpis{grid-template-columns:1fr 1fr}.photo-grid{grid-template-columns:1fr 1fr}}
.btn.danger{background:#fff0f2;color:#b43f4d;border:1px solid #ffd6dc}.drag-over{outline:2px dashed var(--accent);background:#f2f1ff!important}.draggable-event{cursor:grab}.draggable-event:active{cursor:grabbing}.split-box,.permission-box{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fafbfe}.split-grid,.permission-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}.split-total{text-align:right;margin-top:10px;color:var(--muted)}.permission-grid label{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px;color:var(--text)}@media(max-width:700px){.split-grid,.permission-grid{grid-template-columns:1fr 1fr}}