@import url("https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;600;700&display=swap");.demo *{box-sizing:border-box}.demo{font-family:Golos Text,system-ui,sans-serif;color:#171a1f;background:#f3f1ec;min-height:100vh}.demo .topbar{display:flex;align-items:center;gap:16px;padding:12px 22px;background:#171a1f;color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}.demo .logo{font-weight:800;letter-spacing:.03em}.demo .logo em{color:#e8500a;font-style:normal}.demo .badge{font-size:.62rem;letter-spacing:.1em;border:1px dashed #4a525e;color:#9aa1ab;border-radius:6px;padding:3px 8px;margin-left:8px;font-weight:500}.demo .shell{display:flex;min-height:calc(100vh - 50px)}.demo .sidebar{width:210px;flex-shrink:0;padding:18px 12px;border-right:1px solid #0e1114;background:#171a1f;color:#c7ccd4;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:50px;height:calc(100vh - 50px);overflow-y:auto}.demo .side-bottom{margin-top:auto;padding-top:14px;border-top:1px solid #2a2f38;position:relative}.demo .side-user{display:flex;gap:9px;align-items:center;font-size:.76rem;font-weight:600;line-height:1.25;padding:6px;width:100%;border:0;background:transparent;text-align:left;cursor:pointer;border-radius:9px;font-family:inherit;color:#f3f1ec}.demo .side-user:hover{background:#232833}.demo .side-user-txt{flex:1 1}.demo .side-caret{color:#6b7280;font-size:.7rem}.demo .side-user em{font-style:normal;font-weight:400;color:#8a909a;font-size:.7rem}.demo .side-user .avatar{width:30px;height:30px;flex-shrink:0;border-radius:50%;background:#e8500a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700}.demo .side-ver{font-size:.66rem;color:#6b7280;padding:8px 6px 0;letter-spacing:.04em}.demo .acct-menu{position:absolute;bottom:100%;left:0;right:0;margin-bottom:6px;background:#fff;border:1px solid #e3e0d8;border-radius:11px;box-shadow:0 10px 30px rgba(0,0,0,.12);padding:6px;z-index:50}.demo .acct-menu a{display:block;padding:9px 11px;border-radius:8px;font-size:.85rem;font-weight:500;color:#171a1f;text-decoration:none}.demo .acct-menu a:hover{background:#f3f1ec}.demo .acct-menu .acct-exit{color:#b42318;border-top:1px solid #eeebe4;margin-top:4px;padding-top:10px;border-radius:0}.demo .side-title{font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:#6b7280;padding:0 10px;margin-bottom:8px}.demo .sidebar a{display:block;padding:9px 10px;border-radius:9px;font-size:.85rem;font-weight:500;color:#c7ccd4;text-decoration:none;margin-bottom:2px;border-left:3px solid transparent}.demo .sidebar a:hover{background:#232833;color:#fff}.demo .sidebar a.active{font-weight:700;border-left:3px solid #e8500a}.demo .sidebar a.active,.demo .sidebar a.active:hover{background:#f3f1ec;color:#171a1f}.demo .main{flex:1 1;padding:24px 28px 50px;max-width:1080px}.demo h1{font-size:1.3rem;font-weight:700;letter-spacing:-.01em;margin:0 0 4px}.demo .sub{color:#5a6069;font-size:.84rem;margin-bottom:20px}.demo .grid{display:grid;grid-gap:13px;gap:13px;margin-bottom:16px}.demo .g4{grid-template-columns:repeat(4,1fr)}.demo .g2{grid-template-columns:1fr 1fr}.demo .g3{grid-template-columns:repeat(3,1fr)}.demo .card{background:#fff;border:1px solid #e3e0d8;border-radius:13px;box-shadow:0 1px 2px rgba(23,26,31,.05),0 4px 14px rgba(23,26,31,.05)}.demo .kpi{padding:16px 18px}.demo .kpi .l{font-size:.7rem;letter-spacing:.07em;text-transform:uppercase;color:#5a6069;font-weight:600}.demo .kpi .v{font-size:1.7rem;font-weight:800;margin-top:7px}.demo .kpi .s{font-size:.74rem;color:#5a6069;margin-top:5px}.demo .kpi.hot{background:linear-gradient(135deg,#171a1f,#2a2015);color:#fff}.demo .kpi.hot .l{color:#c9a98f}.demo .kpi.hot .s{color:#9aa1ab}.demo table{width:100%;border-collapse:collapse;font-size:.83rem}.demo th{font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:#5a6069;text-align:left;padding:11px 13px;border-bottom:1px solid #e3e0d8;font-weight:600}.demo td{padding:10px 13px;border-bottom:1px solid #f0eee7}.demo tr:last-child td{border-bottom:0}.demo .pill{display:inline-block;border-radius:99px;padding:3px 10px;font-size:.71rem;font-weight:600}.demo .p-new{background:#e4ebf8;color:#2557b0}.demo .p-build{background:#fbf0d8;color:#b97d08}.demo .p-pack{background:#f0e6fa;color:#7b2cbf}.demo .p-ship{background:#e2f0ea;color:#1d6e52}.demo .p-late{background:#fbe5e2;color:#d23b2e}.demo .p-orange{background:#fde9de;color:#e8500a}.demo .p-gray{background:#efede7;color:#5a6069}.demo .mp{display:inline-block;font-size:.66rem;font-weight:700;border-radius:5px;padding:2px 6px}.demo .mp-wb{background:#f3e5fb;color:#8b00c9}.demo .mp-oz{background:#e0ebff;color:#0059d6}.demo .mp-ym{background:#fff3cc;color:#8a6d00}.demo .mono{font-family:JetBrains Mono,ui-monospace,monospace}.demo .sect{font-size:.68rem;letter-spacing:.11em;text-transform:uppercase;color:#5a6069;font-weight:700;margin:22px 0 11px}.demo .zone{display:grid;grid-template-columns:repeat(18,1fr);grid-gap:4px;gap:4px;max-width:640px}.demo .cell{aspect-ratio:1;border-radius:5px}.demo .c-free{background:#e7e4dc}.demo .c-rent{background:#e8500a}.demo .c-busy{background:#8fb8a8}.demo .legend{display:flex;gap:14px;font-size:.74rem;color:#5a6069;margin:10px 0}.demo .legend i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:5px;vertical-align:-1px}.demo .btn{border:0;border-radius:9px;padding:7px 13px;font-size:.76rem;font-weight:600;cursor:pointer;font-family:inherit}.demo .btn-dark{background:#171a1f;color:#fff}.demo .btn-dark:hover{background:#2a2f37}.demo .btn-primary{background:#e8500a;color:#fff}.demo .btn-primary:hover{background:#c94206}.demo .btn-ghost{background:transparent;border:1px solid #e3e0d8;color:#171a1f}.demo .prio{display:inline-block;width:4px;height:30px;border-radius:4px;vertical-align:middle}.demo .filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:13px}.demo .chip{display:inline-block;border:1px solid #e3e0d8;background:#fff;border-radius:99px;padding:6px 13px;font-size:.76rem;font-weight:600;color:#5a6069;text-decoration:none}.demo .chip.on{background:#171a1f;border-color:#171a1f;color:#fff}.demo .stages{display:flex;flex-direction:column}.demo .stage{display:flex;gap:13px;position:relative;padding-bottom:20px}.demo .stage:before{content:"";position:absolute;left:13px;top:30px;bottom:0;width:2px;background:#e3e0d8}.demo .stage:last-child:before{display:none}.demo .stage .dot{width:27px;height:27px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;border:2px solid #e3e0d8;background:#fff;color:#5a6069;z-index:1}.demo .stage.done .dot{background:#1d6e52;border-color:#1d6e52;color:#fff}.demo .stage.current .dot{background:#e8500a;border-color:#e8500a;color:#fff;box-shadow:0 0 0 5px #fde9de}.demo .stage.pending{opacity:.55}.demo .st-name{font-weight:600;font-size:.88rem}.demo .st-meta{font-size:.75rem;color:#5a6069;margin-top:2px}.demo .st-fields{margin-top:9px;background:#fbfaf6;border:1px solid #e3e0d8;border-radius:9px;padding:11px;font-size:.78rem;display:grid;grid-gap:5px;gap:5px}.demo .req-card{display:block;padding:13px;margin-bottom:9px;text-decoration:none;color:inherit}.demo .req-card.on{border-left:4px solid #e8500a}.demo .req-card:not(.on){opacity:.78}.demo .seller-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.demo .act{width:30px;height:30px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;text-decoration:none;color:#fff;transition:.15s}.demo .act:hover{transform:translateY(-1px);filter:brightness(1.08)}.demo .act-int{background:#2557b0}.demo .act-prod{background:#e8500a}.demo .act-edit{background:#1d6e52}.demo .act-del{background:#d23b2e}.demo .field{display:block;margin-bottom:10px}.demo .field label{display:block;font-size:.74rem;color:#5a6069;font-weight:600;margin-bottom:4px}.demo .field input,.demo .field select,.demo .field textarea{width:100%;border:1px solid #e3e0d8;border-radius:9px;padding:9px 11px;font:inherit;font-size:.85rem;background:#fff}.demo .field textarea{resize:vertical}.demo .field .hint{font-size:.7rem;color:#9a968a;margin-top:4px}.demo .form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 18px;gap:0 18px}.demo .cfg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:14px;gap:14px;margin-top:16px}.demo .cfg-card{display:block;border:1px solid #e3e0d8;background:#fff;border-radius:13px;padding:18px;text-decoration:none;color:#171a1f;transition:.15s}.demo .cfg-card:hover{border-color:#171a1f;transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.06)}.demo .cfg-card .ic{font-size:1.5rem;display:block;margin-bottom:8px}.demo .cfg-card .t{font-weight:700;font-size:.92rem}.demo .cfg-card .d{font-size:.76rem;color:#5a6069;margin-top:3px;line-height:1.35}.demo .tog{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f0ede6}.demo .tog input{width:38px;height:22px;flex-shrink:0}.demo .tog span{font-size:.86rem;font-weight:500}.demo .save-bar{position:-webkit-sticky;position:sticky;bottom:0;background:#fff;border-top:1px solid #e3e0d8;padding:12px 0;margin-top:18px}.demo .wh-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.demo .wh-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin-top:14px}.demo .wh-filters .field label{font-size:.7rem}.demo .wh-filters input,.demo .wh-filters select{padding:8px 10px;font-size:.83rem}.demo .wh-table{width:100%;border-collapse:collapse;font-size:.84rem}.demo .wh-table th{text-align:left;padding:11px 12px;color:#5a6069;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;background:#f3f1ec;position:-webkit-sticky;position:sticky;top:0}.demo .wh-table td{padding:10px 12px;border-top:1px solid #f0ede6;vertical-align:middle}.demo .wh-table tbody tr:hover{background:#faf9f5}.demo .wh-photo{width:38px;height:38px;border-radius:8px;background:#ede9e0;display:flex;align-items:center;justify-content:center;font-weight:700;color:#8a857a;font-size:.9rem}.demo .wh-badge{display:inline-block;padding:4px 10px;border-radius:99px;font-size:.74rem;font-weight:700;white-space:nowrap}.demo .wh-defect{color:#b42318;font-size:.72rem;font-weight:700}.demo .scan-box{border:1px dashed #c9c5ba;border-radius:11px;padding:16px;background:#fcfbf8}.demo .scan-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.demo .scan-chip{background:#fff;border:1px solid #e3e0d8;border-radius:8px;padding:6px 11px;font-size:.8rem;display:inline-flex;gap:8px;align-items:center}.demo .scan-chip b{font-family:JetBrains Mono,monospace}.demo .scan-chip button{border:0;background:none;color:#b42318;cursor:pointer;font-size:1rem;line-height:1}.demo .drop{position:absolute;top:100%;left:0;margin-top:6px;background:#fff;border:1px solid #e3e0d8;border-radius:11px;box-shadow:0 10px 30px rgba(0,0,0,.14);padding:6px;z-index:60;min-width:250px}.demo .drop a,.demo .drop button{display:block;width:100%;text-align:left;padding:9px 12px;border-radius:8px;font-size:.84rem;font-weight:500;color:#171a1f;text-decoration:none;border:0;background:none;cursor:pointer;font-family:inherit}.demo .drop a:hover,.demo .drop button:hover{background:#f3f1ec}.demo .gr-panel{display:flex;gap:10px;align-items:center;padding:12px 16px;margin:10px 0;border-left:4px solid #e8500a;flex-wrap:wrap;font-size:.85rem}.demo .gr-panel input{border:1px solid #e3e0d8;border-radius:8px;padding:8px 10px;font:inherit;font-size:.83rem}.demo .p-acts{display:inline-grid;grid-template-columns:repeat(3,22px);gap:3px}.demo .p-acts a,.demo .p-acts button{width:22px;height:22px;border-radius:5px;border:0;color:#fff;font-size:.66rem;display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;padding:0}.demo .p-acts a:hover,.demo .p-acts button:hover{filter:brightness(.88)}.demo .p-cells{position:absolute;background:#fff;border:1px solid #e3e0d8;border-radius:9px;box-shadow:0 8px 24px rgba(0,0,0,.14);padding:10px 13px;font-size:.78rem;z-index:40;max-width:340px;margin-top:4px}.demo .fbs-summary{display:flex;gap:0;padding:11px 0;margin:12px 0 0;font-size:.84rem}.demo .fbs-summary span{flex:1 1;text-align:center;display:flex;align-items:center;justify-content:center;gap:7px;border-right:1px solid #eeebe4}.demo .fbs-summary span:last-child{border-right:0}.demo .fbs-summary i{width:9px;height:9px;border-radius:50%;display:inline-block}.demo .fbs-summary b{font-size:.95rem}.demo .fbs-tiles{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-top:12px}.demo .fbs-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 4px;border-radius:10px;background:#f3f1ec;border:1px solid #e3e0d8;text-decoration:none;color:#171a1f;transition:.15s}.demo .fbs-tile:hover{transform:translateY(-1px);border-color:#171a1f}.demo .fbs-tile .n{font-size:1.15rem;font-weight:800}.demo .fbs-tile .l{font-size:.64rem;color:#5a6069;text-transform:uppercase;letter-spacing:.05em}.demo .fbs-tile.t-hot{background:#fde8dc;border-color:#e8500a}.demo .fbs-tile.t-hot .n{color:#c24a08}.demo .fbs-tile.t-mid{background:#fbf3e1;border-color:#e0c68a}.demo .fbs-tile.t-ok{background:#e7f3ec;border-color:#9cc7b4}.demo .fbs-tile.t-hot:after{content:"";position:absolute;top:7px;right:7px;width:9px;height:9px;border-radius:50%;background:#e8500a;animation:mpPulse 1.6s ease-out infinite}@keyframes mpPulse{0%{box-shadow:0 0 0 0 rgba(232,80,10,.55)}70%{box-shadow:0 0 0 9px rgba(232,80,10,0)}to{box-shadow:0 0 0 0 rgba(232,80,10,0)}}.demo .pill.p-orange.pulse{animation:mpPulse 1.6s ease-out infinite}.demo .chip-box{display:flex;flex-wrap:wrap;gap:6px;align-items:center;border:1px solid #e3e0d8;border-radius:10px;padding:9px 12px;background:#fff;cursor:pointer;min-height:42px}.demo .chip-tag{display:inline-flex;align-items:center;gap:5px;background:#eeebe4;border-radius:7px;padding:4px 8px;font-size:.76rem;font-weight:600}.demo .chip-tag button{border:0;background:none;color:#8a857a;cursor:pointer;font-size:.9rem;line-height:1;padding:0}.demo .chip-tag button:hover{color:#b42318}.demo .chip-list{border:1px solid #e3e0d8;border-radius:11px;margin-top:6px;background:#fff;box-shadow:0 10px 28px rgba(0,0,0,.1);max-height:260px;overflow-y:auto;padding:5px}.demo .chip-list button{display:block;width:100%;text-align:left;border:0;background:none;padding:8px 12px;border-radius:8px;font:inherit;font-size:.84rem;cursor:pointer}.demo .chip-list button:hover{background:#f3f1ec}.demo .view-switch{display:flex;gap:0;border:1px solid #e3e0d8;border-radius:10px;overflow:hidden;background:#fff}.demo .view-switch a{padding:8px 15px;font-size:.8rem;font-weight:600;color:#5a6069;text-decoration:none}.demo .view-switch a.on{background:#171a1f;color:#fff}.demo .view-switch a:not(.on):hover{background:#f3f1ec}.demo .tk-board{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));grid-gap:10px;gap:10px;align-items:start;margin-top:12px}@media (max-width:1200px){.demo .tk-board{grid-template-columns:repeat(3,1fr)}}.demo .tk-head{color:#fff;font-size:.72rem;font-weight:700;padding:7px 10px;border-radius:9px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.demo .tk-head b{background:hsla(0,0%,100%,.25);border-radius:99px;padding:1px 8px;font-size:.68rem}.demo .tk-card{padding:10px 12px}.demo .tk-cal{display:grid;grid-gap:6px;gap:6px;margin-top:6px}.demo .tk-cal-h{font-size:.68rem;font-weight:700;color:#5a6069;text-transform:uppercase;padding:2px 4px}.demo .tk-cal-c{border:1px solid #e9e6de;border-radius:10px;padding:7px 8px;display:grid;grid-gap:5px;gap:5px;align-content:start}.demo .tk-cal-i{display:block;background:#f8f7f3;border-radius:7px;padding:4px 7px;font-size:.66rem;color:#171a1f;text-decoration:none;line-height:1.3}.demo .tk-cal-i:hover{background:#f3f1ec}.demo .switch{margin-left:auto;display:flex;gap:6px;align-items:center}.demo .switch a{font-size:.76rem;font-weight:600;border-radius:99px;padding:6px 13px;text-decoration:none;border:1px solid #3a414c;color:#c7ccd4;white-space:nowrap}.demo .switch a.on,.demo .switch a:hover{border-color:#e8500a;color:#fff}.demo .switch a.on{background:#e8500a}.demo .switch .lbl{font-size:.64rem;color:#6b7280;margin-right:4px;text-transform:uppercase;letter-spacing:.1em}.demo .calc-row{display:grid;grid-template-columns:1fr 90px 110px 120px;grid-gap:10px;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #f0eee7;font-size:.84rem}.demo .calc-row input{width:100%;border:1px solid #e3e0d8;border-radius:8px;padding:7px 9px;font:inherit;text-align:right}.demo .toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.demo .tool{display:inline-flex;align-items:center;gap:6px;border:1px solid #e3e0d8;background:#fff;border-radius:10px;padding:10px 15px;font-size:.85rem;font-weight:600;color:#171a1f;text-decoration:none;transition:.15s}.demo .tool:hover{border-color:#171a1f;transform:translateY(-1px)}.demo .tool-primary{background:#e8500a;border-color:#e8500a;color:#fff}.demo .tool-primary:hover{background:#c94206;border-color:#c94206}.demo .seller-card[draggable=true]{cursor:-webkit-grab;cursor:grab}.demo .seller-card.dragging{opacity:.45;transform:scale(.98)}.demo .seller-card.drop-hot{outline:2px dashed #e8500a;outline-offset:2px;background:#fff4ec}.demo .drop-zone.drop-hot{background:#e8500a;border-color:#e8500a;color:#fff;transform:scale(1.04)}.demo .scheme-badge{display:inline-block;background:#171a1f;color:#f3f1ec;border-radius:6px;padding:2px 7px;font-size:.62rem;font-weight:700;letter-spacing:.04em}.demo .wh-table.compact{font-size:.75rem;table-layout:fixed;width:100%}.demo .wh-table.compact th{padding:9px 8px;font-size:.62rem}.demo .wh-table.compact td{padding:8px;vertical-align:top}.demo .wh-table.compact .mono{font-size:.72rem}.demo .wh-2l b{display:block;font-weight:700}.demo .wh-2l span{display:block;color:#8a857a;font-size:.68rem;margin-top:1px}.demo .wh-table.compact td,.demo .wh-table.compact th{overflow:hidden;text-overflow:ellipsis}@media (max-width:820px){.demo .shell{flex-direction:column;min-height:auto}.demo .sidebar{width:100%;height:auto;position:static;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:8px 10px;gap:6px;white-space:nowrap;border-right:0;border-bottom:1px solid #0e1114}.demo .sidebar a{margin-bottom:0;flex-shrink:0;border-left:0;border-bottom:3px solid transparent;padding:8px 12px}.demo .sidebar a.active{border-left:0;border-bottom:3px solid #e8500a}.demo .side-bottom,.demo .side-title{display:none}.demo .main{padding:14px 12px 40px;max-width:100%}.demo h1{font-size:1.12rem}.demo .topbar{padding:10px 14px;gap:10px}.demo .badge{display:none}.demo .grid,.demo .tk-board{grid-template-columns:1fr!important}.demo input,.demo select,.demo textarea{font-size:16px}.demo .btn,.demo .tool{padding:12px 16px;font-size:.9rem}.demo .toolbar{gap:8px}.demo .wh-table.compact{table-layout:auto;min-width:560px}.demo .card{overflow-x:auto}.demo .wh-filters{flex-direction:column;align-items:stretch}.demo .wh-filters .field{min-width:0!important}.demo .inv-table input[type=number]{width:100%!important;min-width:70px;padding:11px 8px!important;font-size:16px}}