:root{--bg:#080f16;--panel:#101b28;--panel2:#132131;--card:#172533;--card2:#192938;--line:rgba(185,207,228,.11);--muted:#8495a7;--text:#edf3f8;--blue:#1685f5;--blue2:#0b68d2;--mint:#58d9aa;--gold:#e5a846;--shadow:0 18px 45px rgba(0,0,0,.24)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--text)}body{overflow-x:hidden;background:radial-gradient(ellipse at 83% 3%,rgba(198,132,40,.16),transparent 24%),radial-gradient(ellipse at 92% 78%,rgba(18,182,191,.12),transparent 24%),#080f16}.ambient{position:fixed;pointer-events:none;filter:blur(2px);z-index:0}.ambient-gold{width:300px;height:300px;border-radius:50%;background:linear-gradient(135deg,#e9a536,#a55f17);opacity:.9;right:4%;top:-235px}.ambient-blue{width:280px;height:280px;border-radius:50%;background:linear-gradient(135deg,#09a4d8,#0759c6);opacity:.14;left:-190px;bottom:-160px}.app-shell{position:relative;z-index:1;display:flex;max-width:1600px;min-height:100vh;margin:auto;padding:14px;gap:14px}.sidebar{width:224px;flex:0 0 224px;min-height:calc(100vh - 28px);padding:17px 13px 12px;background:rgba(16,27,40,.94);border:1px solid var(--line);border-radius:19px;display:flex;flex-direction:column;box-shadow:var(--shadow)}.brand-row{display:flex;align-items:center;gap:9px;padding:0 3px 23px}.brand-mark{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#59c7ff,#1677df);font:800 17px Manrope;color:#fff;box-shadow:0 5px 18px #1479cb55}.brand-name{font:800 15px Manrope;letter-spacing:-.5px;flex:1}.brand-name>span{color:#54d9a4;font-size:8px;vertical-align:middle}.brand-name small{display:block;color:#718396;font:600 8px 'DM Sans';letter-spacing:1.6px;margin-top:1px}.icon-button{border:0;background:#1b2a3a;color:#9caaba;border-radius:8px;cursor:pointer}.icon-button.tiny{width:22px;height:22px}.workspace-caption,.nav-caption{font-size:9px;letter-spacing:1.35px;color:#687d91;font-weight:700;padding:0 9px 9px}.search-box{height:34px;display:flex;align-items:center;gap:8px;padding:0 9px;background:#0b1520;border:1px solid var(--line);border-radius:9px;color:#8ca0b4;margin-bottom:21px}.search-box>span{font-size:19px}.search-box input,.board-search input{min-width:0;flex:1;background:transparent;border:0;outline:0;color:var(--text);font:12px 'DM Sans'}.search-box input::placeholder,.board-search input::placeholder{color:#74869a}.search-box kbd{font:9px 'DM Sans';padding:2px 4px;border:1px solid #26394c;border-radius:4px;color:#8495a5}.nav-group{margin-bottom:18px}.nav-caption{padding-bottom:7px}.nav-item{width:100%;height:31px;display:flex;align-items:center;gap:10px;border:0;border-radius:8px;color:#a4b2c0;background:transparent;text-align:left;padding:0 10px;font:500 11px 'DM Sans';cursor:pointer;transition:.2s}.nav-item:hover{background:#1a2b3c;color:#eef7ff}.nav-item.active{background:linear-gradient(90deg,#167de9,#1262bf);color:white;box-shadow:0 5px 15px #0874dc33}.nav-icon{width:12px;text-align:center;font-size:13px;color:#92a6b9}.nav-item.active .nav-icon{color:#fff}.nav-count{margin-left:auto;background:#ffffff24;border-radius:10px;padding:2px 6px;font-size:9px}.nav-dot{margin-left:auto;width:5px;height:5px;border-radius:50%;background:#36c99b}.bubble-count{margin-left:auto;color:#70a7e1;background:#203954;padding:2px 6px;border-radius:8px;font-size:9px}.sidebar-bottom{margin-top:auto}.theme-row{display:flex;align-items:center;justify-content:space-between;padding:12px 9px;color:#9eacbb;font-size:11px}.theme-row>span{display:flex;align-items:center;gap:9px}.toggle{width:31px;height:17px;border:0;border-radius:20px;background:#435368;padding:2px;cursor:pointer}.toggle i{display:block;width:13px;height:13px;border-radius:50%;background:#fff;transition:.2s}.toggle.on{background:#34c98f}.toggle.on i{transform:translateX(14px)}.profile-card{display:flex;align-items:center;gap:8px;padding:10px 5px 2px;border-top:1px solid var(--line)}.avatar{width:25px;height:25px;display:grid;place-items:center;flex:0 0 25px;border-radius:50%;font-size:9px;font-weight:700;color:#142434}.avatar-lilac{background:linear-gradient(135deg,#d9b8fa,#8d83d9)}.profile-meta{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.profile-meta strong{font-size:10px}.profile-meta small{font-size:8px;color:#778a9e}.main-content{min-width:0;flex:1;padding:10px 4px 22px;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:5px 6px 24px}.breadcrumb{font-size:9px;color:#7e93a7;margin-bottom:7px}.breadcrumb span{padding:0 4px;color:#4d6175}.greeting{font:700 13px Manrope;color:#e8eef5}.wave{color:#edbd69;font-size:13px}.top-actions{display:flex;align-items:center;gap:8px}.round-action{position:relative;width:29px;height:29px;border-radius:50%;border:1px solid var(--line);background:#142333;color:#a8bbcd;font-size:15px;cursor:pointer}.notification i{position:absolute;right:5px;top:4px;width:5px;height:5px;border-radius:50%;background:#ff6b73;border:1px solid #142333}.primary-button,.soft-button{height:30px;display:inline-flex;align-items:center;justify-content:center;gap:4px;border:0;border-radius:8px;padding:0 13px;background:linear-gradient(180deg,#218ef8,#0968d2);color:white;font:600 10px 'DM Sans';cursor:pointer;box-shadow:0 4px 12px #0b75d533;transition:transform .18s,filter .18s}.primary-button:hover{filter:brightness(1.12);transform:translateY(-1px)}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;padding:0 7px 17px}.page-heading h1{margin:0 0 4px;font:700 25px Manrope;letter-spacing:-1px}.page-heading p{margin:0;color:#8294a6;font-size:10px}.heading-actions{display:flex;gap:8px}.soft-button{background:#1a2a3a;color:#afc0d0;box-shadow:none;border:1px solid var(--line)}.board-toolbar{height:44px;display:flex;justify-content:space-between;align-items:center;padding:0 7px;border-bottom:1px solid var(--line);margin-bottom:14px}.tabs{display:flex;gap:17px;height:100%;align-items:center}.tab{align-self:stretch;position:relative;border:0;background:transparent;color:#7f91a4;font:500 10px 'DM Sans';padding:0 3px;cursor:pointer}.tab span{font-size:8px;margin-left:4px;color:#8194a8;background:#1b2c3d;padding:2px 5px;border-radius:8px}.tab.active{color:#e7f2fc}.tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#178aff;border-radius:2px}.board-tools{display:flex;gap:8px;align-items:center}.board-search{width:145px;height:27px;display:flex;align-items:center;gap:6px;padding:0 8px;background:#111e2b;border:1px solid var(--line);border-radius:7px;color:#8da0b2}.board-search input{font-size:9px}.filter-button{height:27px;border:1px solid var(--line);border-radius:7px;background:#142231;color:#9dafc0;padding:0 9px;font:10px 'DM Sans';cursor:pointer}.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:start;min-height:430px}.lane{min-width:0;padding:10px 9px 9px;background:linear-gradient(180deg,rgba(24,38,53,.92),rgba(15,27,39,.88));border:1px solid rgba(171,195,218,.12);border-radius:14px;transition:border-color .2s,background .2s;min-height:410px}.lane.is-hot{border-color:#2997ff;background:linear-gradient(180deg,rgba(23,56,82,.95),rgba(15,31,45,.94));box-shadow:inset 0 0 0 1px #2997ff25}.lane-heading{display:flex;align-items:center;justify-content:space-between}.lane-title{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700}.status-dot{width:6px;height:6px;border-radius:50%}.dot-packing{background:#8d9cab}.dot-packed{background:#d9b65c}.dot-shipped{background:#47a6f8}.dot-delivered{background:#4bd49d}.lane-count{font-size:8px;color:#8fa2b5;background:#263749;border-radius:8px;padding:2px 5px}.more-button{border:0;background:transparent;color:#8497aa;font-size:16px;letter-spacing:1px;cursor:pointer}.lane-subtitle{font-size:8px;color:#8192a3;margin:1px 0 10px 12px}.lane-cards{display:flex;flex-direction:column;gap:8px;min-height:55px}.order-card{position:relative;padding:9px 8px 7px;border-radius:10px;background:linear-gradient(145deg,#1c2b3a,#152432);border:1px solid rgba(180,203,225,.1);box-shadow:0 6px 15px rgba(0,0,0,.12);cursor:grab;user-select:none;touch-action:pan-y;transition:border-color .2s,transform .2s,opacity .2s}.order-card:hover{border-color:#55738d;transform:translateY(-1px)}.order-card:active{cursor:grabbing}.order-card.dragging{opacity:.28;transform:scale(.98)}.card-top{display:flex;justify-content:space-between;gap:5px;margin-bottom:8px}.card-top strong{font-size:8px;color:#e5edf5;letter-spacing:.2px}.card-top time{font-size:7px;color:#8396a8;white-space:nowrap}.customer-row{display:flex;align-items:center;gap:6px;margin-bottom:8px}.customer-row strong{font-size:9px;font-weight:600;color:#e7edf4}.avatar-coral{background:#f1b6a7}.avatar-mint{background:#a4d7c6}.avatar-gold{background:#f0ce83}.avatar-blue{background:#a6c9e8}.avatar-rose{background:#e7a6b8}.avatar-violet{background:#b8a8e8}.avatar-peach{background:#efc0a0}.item-line{font-size:7.5px;color:#91a3b4;margin:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-check{display:inline-grid;place-items:center;width:10px;height:10px;border-radius:50%;background:#1e554c;color:#6ce0ad;font-size:7px;margin-right:3px}.card-footer{display:flex;align-items:center;gap:5px;border-top:1px solid rgba(180,203,225,.08);padding-top:7px;margin-top:8px}.card-footer>strong{font-size:9px}.source-tag{font-size:7px;padding:3px 5px;border-radius:5px;background:#20374a;color:#8eabc1}.arrow-button{margin-left:auto;width:19px;height:19px;border:1px solid var(--line);border-radius:6px;background:#192b3b;color:#a4b7c9;cursor:pointer}.add-card{width:100%;height:27px;margin-top:8px;border:1px dashed rgba(155,180,205,.16);border-radius:7px;background:transparent;color:#8195a7;font:9px 'DM Sans';cursor:pointer}.add-card:hover{background:#192b3a;color:#dce9f5}.drop-empty{flex:1;display:grid;place-items:center;min-height:130px}.empty-state{width:100%;min-height:103px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px dashed rgba(150,177,202,.2);border-radius:9px;color:#8093a6}.empty-state>span{font-size:20px;color:#557188}.empty-state strong{font-size:8px;font-weight:500}.empty-state small{font-size:7px;color:#63798e}.bottom-toast{position:fixed;z-index:5;left:50%;bottom:19px;transform:translate(-50%,18px);display:flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid rgba(255,255,255,.15);border-radius:30px;background:#e8e7e1;color:#28313a;box-shadow:0 10px 35px #0007;font-size:9px;opacity:0;pointer-events:none;transition:.25s}.bottom-toast.show{opacity:1;transform:translate(-50%,0)}.toast-check{display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#b2e4cd;color:#267b5e}.bottom-toast>span:last-child{color:#4b7291;cursor:pointer;margin-left:10px}.modal-backdrop{position:fixed;inset:0;z-index:20;background:rgba(2,8,14,.72);backdrop-filter:blur(7px);display:none;align-items:center;justify-content:center;padding:18px}.modal-backdrop.open{display:flex}.order-modal{width:min(440px,100%);padding:23px;border:1px solid #34475a;border-radius:17px;background:#122131;box-shadow:0 25px 80px #0009}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.eyebrow{font-size:8px;letter-spacing:1.3px;color:#6f94b2;font-weight:700}.modal-head h2{font:700 19px Manrope;margin:5px 0}.close-modal{width:28px;height:28px;border:1px solid var(--line);border-radius:8px;background:#1b2e40;color:#b8c8d5;font-size:19px;cursor:pointer}.order-modal label{display:flex;flex-direction:column;gap:6px;color:#aebdca;font-size:10px;margin:12px 0}.order-modal input,.order-modal select{height:36px;width:100%;padding:0 10px;border:1px solid #2b4054;border-radius:8px;background:#0c1926;color:#e9f0f6;font:11px 'DM Sans';outline:none}.order-modal input:focus,.order-modal select:focus{border-color:#2589ea}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.light-mode{--bg:#e9eff5;--panel:#fff;--panel2:#fff;--card:#fff;--text:#1d2a37;--muted:#617386;--line:rgba(40,65,90,.15);background:#e9eff5;color:#1d2a37}.light-mode .sidebar,.light-mode .lane,.light-mode .order-card{background:#fff;color:#1d2a37}.light-mode .nav-item,.light-mode .greeting,.light-mode .customer-row strong,.light-mode .card-top strong{color:#23384b}.light-mode .search-box,.light-mode .board-search,.light-mode .round-action{background:#f1f5f8;color:#476078}.light-mode .lane-subtitle,.light-mode .page-heading p,.light-mode .item-line{color:#6d8194}
@media(max-width:1050px){.sidebar{width:190px;flex-basis:190px}.board{gap:7px}.lane{padding:8px 7px}.card-top time{font-size:6px}.order-card{padding:8px 6px}}
@media(max-width:760px){.app-shell{padding:8px;gap:8px}.sidebar{width:55px;flex-basis:55px;padding:12px 7px}.brand-row{justify-content:center;padding:0 0 20px}.brand-name,.brand-row .icon-button,.workspace-caption,.search-box,.nav-caption,.nav-item:not(.active) span:not(.nav-icon),.nav-item:not(.active){font-size:0}.nav-item{justify-content:center;padding:0}.nav-icon{font-size:15px}.nav-item.active{font-size:0}.nav-item.active .nav-icon{font-size:15px}.nav-count,.nav-dot,.bubble-count,.profile-meta,.profile-card .icon-button,.theme-row>span{display:none}.theme-row{justify-content:center;padding:12px 0}.profile-card{justify-content:center}.main-content{padding:7px 0}.topbar{padding-bottom:20px}.page-heading h1{font-size:22px}.page-heading p{max-width:230px;line-height:1.4}.board{grid-template-columns:repeat(2,minmax(210px,1fr));overflow-x:auto;padding-bottom:8px}.lane{min-height:350px}.board-toolbar{padding:0 3px}.tabs{gap:9px}.tab{font-size:9px}.board-search{width:95px}.filter-button span{display:none}}
@media(max-width:470px){.app-shell{padding:6px}.sidebar{width:43px;flex-basis:43px}.page-heading{align-items:flex-start;gap:9px;flex-direction:column}.heading-actions{align-self:flex-end}.board-toolbar{height:auto;min-height:42px;flex-wrap:wrap;gap:5px;padding-bottom:6px}.tabs{height:36px}.board-tools{margin-left:auto}.board{grid-template-columns:repeat(4,minmax(205px,1fr))}.top-actions .round-action:first-child{display:none}.greeting{font-size:12px}}

.ocard--ghost{pointer-events:none;transform-origin:top left;will-change:transform;filter:drop-shadow(0 18px 28px rgba(0,0,0,.35))}