.sk-dashboard{--sk-ink:#173346;--sk-soft:#647c89;--sk-line:#dce5e9;--sk-surface:#fff;--sk-fill:#f4f7f8;--sk-accent:#b43b30;--sk-green:#246a50;color:var(--sk-ink)}
.sk-table{position:relative;max-width:100%}
.sk-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:18px 0 26px}.sk-eyebrow{font-size:10px;font-weight:800;letter-spacing:.13em;color:var(--sk-soft)}.sk-heading h1{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:8px 0 10px}.sk-heading p{color:var(--sk-soft);font-size:13px;margin:0;line-height:1.6}.sk-role{display:flex;align-items:center;gap:9px;padding:11px 14px;border:1px solid var(--sk-line);border-radius:9px;font-size:11px;color:var(--sk-soft)}
.sk-store-banner{display:flex;align-items:center;gap:18px;padding:25px 27px;background:linear-gradient(115deg,#173a49,#254f5b);color:#fff;border-radius:15px;position:relative;overflow:hidden}.sk-store-banner:after{content:'';position:absolute;top:-85px;right:120px;width:250px;height:250px;border:35px solid #ffffff06;border-radius:50%;pointer-events:none}.sk-store-symbol{display:grid;place-items:center;flex:none;width:56px;height:56px;border:1px solid #ffffff28;background:#ffffff0c;border-radius:12px}.sk-store-symbol svg{width:30px;height:30px}.sk-store-identity{flex:1;min-width:0}.sk-store-banner .sk-eyebrow{color:#b9d3d9}.sk-store-banner h2{font-size:23px;line-height:1.3;letter-spacing:-.5px;margin:8px 0;color:#fff}.sk-store-banner p{font-size:12px;color:#d1e0e4;margin:0;line-height:1.6}.sk-store-banner p span{margin:0 7px}.sk-store-picker{display:grid;gap:7px;position:relative;z-index:1;max-width:270px}.sk-store-picker>span{color:#d1e0e4;font-size:10px;font-weight:700}.sk-store-picker select{background:#173c48;color:#fff;border:1px solid #63808a;border-radius:8px;min-height:42px;max-width:100%;padding:9px 12px;font-size:11px}
.sk-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 24px}.sk-action-grid>button{display:flex;align-items:center;gap:12px;text-align:left;background:var(--sk-surface);color:var(--sk-ink);border:1px solid var(--sk-line);border-radius:11px;padding:18px;cursor:pointer;min-width:0;transition:border-color .15s,box-shadow .15s}.sk-action-grid>button:hover{border-color:var(--sk-accent);box-shadow:0 3px 12px #1834470a}.sk-action-icon{display:grid;place-items:center;flex:none;width:39px;height:39px;background:#f9ece8;color:var(--sk-accent);border-radius:9px}.sk-action-grid strong{display:block;font-size:13px;line-height:1.5}.sk-action-grid small{display:block;font-size:10px;color:var(--sk-soft);margin-top:4px;line-height:1.5}.sk-action-grid>button>svg{width:16px;margin-left:auto;flex:none;color:var(--sk-soft)}
.sk-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.sk-stat{border:1px solid var(--sk-line);border-radius:11px;background:var(--sk-surface);padding:18px 20px}.sk-stat>span{display:block;font-size:11px;color:var(--sk-soft);font-weight:600}.sk-stat>strong{display:block;font-size:30px;line-height:1.2;font-weight:750;letter-spacing:-1px;margin:10px 0 8px}.sk-stat small{display:block;color:var(--sk-soft);font-size:10px;line-height:1.5}.sk-stat-accent>strong{color:var(--sk-accent)}
.sk-content-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(275px,1fr);gap:20px;align-items:start}.sk-dashboard .sk-panel{padding:22px;background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:13px;box-shadow:0 2px 4px #17334602;min-width:0}.sk-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.sk-panel-heading h2{font-size:18px;letter-spacing:-.5px;line-height:1.4;margin:6px 0 5px;color:var(--sk-ink)}.sk-panel-heading p{font-size:11px;line-height:1.6;color:var(--sk-soft);margin:0}.sk-dashboard .secondary{font-size:10px;border:1px solid var(--sk-line);background:var(--sk-fill);color:var(--sk-ink);padding:9px 12px;border-radius:7px;min-height:36px;cursor:pointer;white-space:nowrap}.sk-dashboard .secondary:disabled{opacity:.4;cursor:default}.sk-search{display:block}.sk-search input{width:100%;box-sizing:border-box;border:1px solid var(--sk-line);border-radius:8px;background:var(--sk-fill);color:var(--sk-ink);padding:13px 14px;min-height:44px;font-size:12px}.sk-search input::placeholder{color:var(--sk-soft)}.sk-filters{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 18px}.sk-filters .secondary{background:transparent;border-color:transparent;color:var(--sk-soft);min-height:34px;padding:7px 10px}.sk-filters .secondary[aria-pressed=true]{background:#e6efec;color:#276047;border-color:#c6dad1}
.sk-table{overflow-x:auto;border:0!important;border-radius:0!important}.sk-table table{border-collapse:collapse;width:100%;font-size:12px;min-width:470px}.sk-table th{text-align:left;color:var(--sk-soft);font-size:9px;text-transform:uppercase;letter-spacing:.07em;padding:12px 8px;border-bottom:1px solid var(--sk-line);background:var(--sk-fill)}.sk-table td{padding:14px 8px;border-bottom:1px solid var(--sk-line);white-space:nowrap}.sk-table td:first-child{white-space:normal;min-width:150px}.sk-table td:first-child strong{display:block;font-size:11px;line-height:1.5}.sk-table td small{display:block;font-size:10px;color:var(--sk-soft);margin-top:4px}.sk-table th:first-child,.sk-table td:first-child{padding-left:0}.sk-reserved-number{color:var(--sk-soft)}.sk-available{display:inline-block;padding:4px 9px;color:var(--sk-green);background:#eaf4ee;border-radius:5px;font-weight:700}.sk-available.sk-zero{color:#9b3e35;background:#fcece8}.sk-stock-alert{color:var(--sk-accent)}.sk-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:var(--sk-soft);padding-top:17px}.sk-pagination>div{display:flex;gap:6px}.sk-side-column{display:grid;gap:20px}.sk-queue-symbol{color:var(--sk-soft)}.sk-queue-row{display:flex;align-items:center;gap:10px;width:100%;border:0;border-bottom:1px solid var(--sk-line);background:transparent;color:var(--sk-ink);padding:14px 0;cursor:pointer;text-align:left}.sk-queue-row:first-of-type{padding-top:0}.sk-queue-row>span{flex:1}.sk-queue-row strong{display:block;font-size:12px;line-height:1.5}.sk-queue-row small{display:block;font-size:10px;color:var(--sk-soft);margin-top:5px;line-height:1.5}.sk-queue-row>b{font-size:13px;background:var(--sk-fill);padding:6px 10px;border-radius:6px}.sk-queue-row>svg{width:16px;color:var(--sk-soft)}.sk-quiet-note{font-size:10px;color:var(--sk-soft);line-height:1.7;margin:14px 0 0}.sk-empty{padding:22px 0}.sk-empty>strong{font-size:13px;color:var(--sk-ink);line-height:1.6}.sk-empty>p{font-size:11px;line-height:1.8;color:var(--sk-soft);margin:6px 0 0}.sk-value-note{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--sk-line);padding-top:16px;margin-top:12px;font-size:10px;color:var(--sk-soft)}.sk-value-note>strong{color:var(--sk-ink);font-size:11px}.sk-reservation{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--sk-line);padding:12px 0}.sk-reservation>div{flex:1;min-width:130px}.sk-reservation strong{display:block;font-size:11px;line-height:1.6}.sk-reservation span{display:block;font-size:10px;color:var(--sk-soft);line-height:1.7;margin-top:3px}.sk-reservation>b{font-size:12px;color:var(--sk-green)}.sk-reservation small{font-size:10px;font-weight:400}.sk-reservation p{width:100%;font-size:10px;margin:0;color:var(--sk-soft)}
.sk-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.sk-count{padding:6px 10px;border-radius:6px;background:var(--sk-fill);font-size:12px;font-weight:700}.sk-project-list>div{display:flex;align-items:center;gap:12px;padding:15px 0;border-top:1px solid var(--sk-line)}.sk-project-number{font-size:10px;color:var(--sk-soft);flex:none}.sk-project-list strong{font-size:11px;line-height:1.7;flex:1}.sk-project-status{font-size:8px;letter-spacing:.05em;color:var(--sk-green);background:#edf5f0;border-radius:5px;padding:4px 6px}.sk-movement{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--sk-line)}.sk-movement-icon{background:var(--sk-fill);border-radius:7px;padding:8px;color:var(--sk-soft)}.sk-movement strong{display:block;font-size:11px}.sk-movement>div{flex:1}.sk-movement>div>span{display:block;font-size:10px;color:var(--sk-soft);margin-top:4px}.sk-movement>b{font-size:12px}.sk-no-store{padding:30px!important}.sk-no-store h2{font-size:22px}.sk-no-store p{color:var(--sk-soft);line-height:1.8;max-width:600px}.sk-no-store>div{display:flex;gap:10px;margin-top:20px}.sk-dashboard button:focus-visible,.sk-dashboard input:focus-visible,.sk-dashboard select:focus-visible{outline:3px solid #b9975d;outline-offset:3px}
html[data-theme=dark] .sk-dashboard{--sk-ink:#e5edf2;--sk-soft:#a4b7c4;--sk-line:#304656;--sk-surface:#182e3d;--sk-fill:#132634;--sk-accent:#f2ad94;--sk-green:#9cd5b6}html[data-theme=dark] .sk-action-icon{background:#49342e}html[data-theme=dark] .sk-available,html[data-theme=dark] .sk-project-status,html[data-theme=dark] .sk-filters .secondary[aria-pressed=true]{background:#203e38;color:#aad8c1;border-color:#3a6355}html[data-theme=dark] .sk-available.sk-zero{background:#4a2e2b;color:#f0b7a9}
@media(min-width:1600px){.sk-content-grid{grid-template-columns:minmax(0,2fr) minmax(310px,1fr)}}
@media(max-width:1100px){.sk-content-grid{grid-template-columns:1fr}.sk-side-column{grid-template-columns:1fr 1fr}.sk-store-picker{max-width:220px}.sk-action-grid>button{padding:15px;gap:10px}.sk-action-grid small{font-size:10px}.sk-action-grid>button>svg{display:none}}
@media(max-width:700px){.sk-heading{align-items:flex-start;gap:12px;margin-bottom:20px}.sk-heading h1{font-size:26px}.sk-role{display:none}.sk-store-banner{flex-wrap:wrap;gap:12px;padding:20px}.sk-store-symbol{width:42px;height:42px}.sk-store-symbol svg{width:25px}.sk-store-identity{flex-basis:calc(100% - 62px)}.sk-store-banner h2{font-size:20px}.sk-store-picker{width:100%;max-width:none}.sk-store-picker select{width:100%;min-height:44px}.sk-action-grid{grid-template-columns:1fr;gap:9px;margin:14px 0 20px}.sk-action-grid>button{padding:13px 15px}.sk-action-grid small{margin-top:2px}.sk-action-grid>button>svg{display:block}.sk-stat-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.sk-stat{padding:16px}.sk-stat strong{font-size:27px}.sk-side-column,.sk-bottom-grid{grid-template-columns:1fr;gap:16px}.sk-content-grid{gap:16px}.sk-dashboard .sk-panel{padding:18px}.sk-panel-heading{gap:10px}.sk-panel-heading h2{font-size:17px}.sk-panel-heading>.secondary{padding:9px;font-size:10px}.sk-pagination .secondary,.sk-filters .secondary{min-height:44px}.sk-project-list>div{flex-wrap:wrap}.sk-project-status{margin-left:22px}.sk-pagination{flex-wrap:wrap}.sk-bottom-grid{margin-top:16px}.sk-filters{gap:2px}.sk-filters .secondary{padding:7px 8px;font-size:10px}}