:root{color-scheme:dark;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:radial-gradient(circle at top,rgba(236,201,75,.18),transparent 30%),linear-gradient(180deg,#11151b,#0a0d12);color:#f4efe4}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:transparent}button,input,select{font:inherit}button{cursor:pointer}#root{min-height:100vh}.auth-shell{display:grid;place-items:center;min-height:100vh;padding:24px}.auth-card{width:min(100%,460px);padding:32px;background:#11151beb;border:1px solid rgba(255,255,255,.08);border-radius:28px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 24px 60px #00000052}.auth-copy,.signed-in-copy{color:#b5bac5;line-height:1.6}.signed-in-copy{margin-top:16px;font-size:.95rem}.auth-toggle,.auth-form{display:grid;gap:14px}.auth-toggle{grid-template-columns:1fr 1fr;margin:24px 0 18px}.auth-submit,.signout-button{width:100%}.signout-button{margin-top:24px}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{display:flex;flex-direction:column;justify-content:flex-start;padding:32px 24px;background:#05080ce0;border-right:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.sidebar-top{display:grid;gap:20px}.brand-lockup{display:grid;grid-template-columns:68px 1fr;gap:14px;align-items:center}.brand-mark{width:68px;height:68px;border-radius:20px;background:linear-gradient(180deg,#f2bc5714,#d8873a05);box-shadow:inset 0 0 0 1px #f2bc5714}.brand-mark svg{display:block;width:100%;height:100%}.brand-copy{min-width:0}.brand-copy h1{font-size:1.45rem;line-height:1.05;letter-spacing:.01em}.brand-copy .eyebrow{margin-bottom:6px}.brand-slogan{margin:8px 0 0;color:#d9c9a4;font-size:.95rem;font-style:italic;letter-spacing:.02em}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.18em;color:#f2bc57;font-size:.72rem}.sidebar h1,.topbar h2,.order-name{margin:0}.sidebar-copy{color:#b5bac5;line-height:1.6}.nav{display:grid;gap:12px;margin-top:8px}.nav-button,.primary-button,.secondary-button,.draggable-card{border:none;border-radius:16px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.nav-button{padding:14px 16px;text-align:left;background:#ffffff0a;color:#f4efe4}.nav-button-primary{padding:18px;font-size:1.04rem;font-weight:700;background:linear-gradient(135deg,#f2bc572e,#d8873a2e);border:1px solid rgba(242,188,87,.22)}.nav-button:hover,.nav-button.active{background:linear-gradient(135deg,#f2bc57,#d8873a);color:#11151b;box-shadow:0 12px 30px #f2bc5733}.main-content{padding:28px;width:100%;min-width:0}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:24px}.topbar-actions{display:flex;align-items:center;gap:16px}.search-field{display:grid;gap:6px}.search-label{font-size:.8rem;color:#c8cfdb}.search-field input{min-width:280px;padding:12px 14px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#11151be0;color:#f4efe4}.stats-card,.panel,.column{background:#11151be0;border:1px solid rgba(255,255,255,.08);border-radius:24px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.stats-card{min-width:120px;padding:20px;text-align:center}.stats-card span{display:block;font-size:2rem;font-weight:700;color:#f2bc57}.stats-card small,.order-meta,.empty-state{color:#9da4b0}.alert{margin-bottom:20px;padding:14px 16px;border-radius:16px;background:#a0232338;border:1px solid rgba(255,130,130,.35);color:#ffd1d1}.success-alert{margin-bottom:20px;padding:14px 16px;border-radius:16px;background:#31835a33;border:1px solid rgba(114,255,179,.3);color:#d8ffe7}.panel{padding:24px;width:100%}.order-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.order-card{display:grid;gap:10px;width:100%;padding:16px;text-align:left;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:18px;color:inherit;cursor:pointer}.order-card-top{display:flex;justify-content:flex-end}.order-dot-group{display:flex;gap:6px}.order-dot{width:10px;height:10px;border-radius:999px}.artwork-dot{background:#ffb347}.proof-dot{background:#72d6ff}.digitizing-dot{background:#9d8cff}.mockup-dot{background:#7ef0c0}.history-button{width:fit-content;padding:8px 12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff0d;color:#f4efe4}.order-card-actions,.form-actions,.column-heading{display:flex;gap:10px;align-items:center}.order-card-actions{flex-wrap:wrap}.form-actions{justify-content:flex-end}.column-heading{justify-content:space-between}.count-badge,.due-badge{width:fit-content}.due-badge{padding:6px 10px;border-radius:999px;background:#ffdb5c2e;color:#ffe486;font-size:.82rem}.order-number-badge{background:#72d6ff24;color:#72d6ff}.due-order-card{background:#ffd65a1f;border-color:#ffdd696b;box-shadow:inset 0 0 0 1px #ffe48614}.link-button{text-decoration:none}.approval-card{align-content:start}.draggable-card:hover,.primary-button:hover{transform:translateY(-2px);box-shadow:0 14px 30px #00000038}.draggable-card{cursor:grab}.draggable-card:active{cursor:grabbing}.badge{width:fit-content;padding:6px 10px;border-radius:999px;background:#f2bc5724;color:#f2bc57;font-size:.82rem}.category-board{display:grid;gap:22px}.location-board{display:grid;gap:26px}.location-selector{display:grid;gap:18px}.location-selector-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.location-card{display:grid;gap:14px;padding:28px;text-align:left;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:#11151be0;color:#f4efe4;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.location-card:hover{transform:translateY(-2px);box-shadow:0 18px 32px #00000038;background:#191f28f2}.location-card h3{margin:0;font-size:1.6rem}.location-panel{display:grid;gap:18px;width:100%;padding:24px;border-radius:28px;background:#090c12b3;border:1px solid rgba(255,255,255,.08)}.location-header h3{margin:0;font-size:1.75rem}.recycle-bin{padding:20px 22px;border:2px dashed rgba(255,255,255,.18);border-radius:24px;background:#78222229}.recycle-bin-active{border-color:#f2bc57e6;background:#f2bc571f}.category-panel{padding:22px;background:#11151bb8;border:1px solid rgba(255,255,255,.08);border-radius:28px}.category-header{margin-bottom:18px}.category-header h3{margin:0;font-size:1.5rem;letter-spacing:.02em}.kanban-board{display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));align-items:start;overflow-x:auto;gap:18px}.process-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.process-tile{display:grid;gap:10px;padding:18px;text-align:left;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:#ffffff0a;color:#f4efe4;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.process-tile:hover{transform:translateY(-2px);box-shadow:0 16px 28px #00000038;background:#ffffff14}.process-tile h4{margin:0;font-size:1.05rem}.column{padding:20px;min-height:280px}.column-active{border-color:#f2bc57a6;box-shadow:0 0 0 2px #f2bc5726}.column-list{display:grid;gap:12px;margin-top:16px}.mockup-board{display:grid;gap:18px}.mockup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.mockup-column{display:grid;gap:14px;padding:18px;border-radius:22px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.process-panel{position:relative;overflow:visible}.workspace-arrow{position:absolute;bottom:6px;z-index:2;display:inline-flex;align-items:center;gap:10px;min-width:116px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#090c12c7;color:#f4efe4;font-weight:600;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 22px #00000038;transition:transform .18s ease,background .18s ease,border-color .18s ease}.workspace-arrow:hover{transform:translateY(-1px);background:#141a22f0;border-color:#f2bc576b}.workspace-arrow-icon{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;background:linear-gradient(135deg,#f2bc57,#d8873a);color:#11151b;font-size:1rem;font-weight:800}.workspace-arrow-text{font-size:.8rem;letter-spacing:.04em;text-transform:uppercase}.workspace-arrow-left{left:14px}.workspace-arrow-right{right:14px}.form-panel{display:grid;gap:18px;width:100%;max-width:none}.builder-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(560px,.95fr);gap:28px;align-items:start}.builder-left,.builder-right{display:grid;gap:18px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:grid;gap:8px}.field span{color:#d8deea}.field input,.field select,.notes-input{width:100%;padding:14px 16px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#ffffff0d;color:#f4efe4}.field select,.field select option{color:#f4efe4;background:#17202a}.field input[type=range]{padding:0;accent-color:#f2bc57;background:transparent}.notes-input{min-height:180px;resize:vertical;font:inherit}.form-heading h3{margin:0;font-size:1.5rem}.shirt-picker,.hat-picker,.custom-picker{display:grid;gap:14px}.shirt-stage{display:grid;grid-template-columns:96px minmax(420px,1fr) 96px;gap:14px;align-items:center;justify-content:stretch;width:100%}.shirt-body,.shirt-sleeve,.hat-crown,.custom-stage{position:relative;min-height:380px;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:#ffffff0a}.shirt-body{min-width:0;padding:24px}.shirt-sleeve{min-height:240px}.hat-stage{position:relative;display:grid;gap:0;justify-items:center;padding:18px 24px 34px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:#ffffff08}.hat-crown{width:min(100%,420px);min-height:250px;border-radius:220px 220px 80px 80px;background:#ffffff0a}.hat-brim{width:260px;height:70px;margin-top:-18px;border-radius:0 0 140px 140px;background:#ffffff14;border:1px solid rgba(255,255,255,.08)}.hat-hit{position:absolute;padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff12;color:#f4efe4;max-width:110px;font-size:.86rem}.hat-hit.selected{background:linear-gradient(135deg,#f2bc57,#d8873a);color:#11151b}.hat-front{top:54px;left:50%;transform:translate(-50%)}.hat-left-panel{top:98px;left:38px}.hat-right-panel{top:98px;right:38px}.hat-back{bottom:28px;left:50%;transform:translate(-50%)}.hat-left-side{position:absolute;left:12px;top:50%;transform:translateY(-50%)}.hat-right-side{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.custom-stage{min-height:250px;background:linear-gradient(#ffffff0a,#ffffff0a),repeating-linear-gradient(0deg,transparent,transparent 23px,rgba(255,255,255,.04) 24px),repeating-linear-gradient(90deg,transparent,transparent 23px,rgba(255,255,255,.04) 24px)}.custom-marker{position:absolute;width:110px;padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff14;color:#f4efe4;cursor:grab}.custom-marker.selected{background:linear-gradient(135deg,#f2bc57,#d8873a);color:#11151b}.shirt-hit{position:absolute;padding:9px 11px;background:#ffffff12;color:#f4efe4;border:1px solid rgba(255,255,255,.12);border-radius:12px;max-width:130px;white-space:normal;font-size:.92rem}.shirt-hit.selected{background:linear-gradient(135deg,#f2bc57,#d8873a);color:#11151b}.hit-left-chest{top:44px;left:48px}.hit-right-chest{top:44px;right:48px}.hit-full-front{top:156px;left:50%;transform:translate(-50%)}.hit-full-back{bottom:48px;left:50%;transform:translate(-50%)}.hit-left-sleeve,.hit-right-sleeve{top:50%;left:50%;transform:translate(-50%,-50%)}.placement-tags{display:flex;flex-wrap:wrap;gap:8px}.placement-field{align-content:start}.placement-notes-panel{display:grid;gap:14px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:#ffffff08}.line-items-panel{display:grid;gap:16px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:#ffffff08}.line-items-header,.line-item-card-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.line-items-header h4{margin:0}.line-item-card{display:grid;gap:14px;padding:16px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.placement-note-input{min-height:110px}.placement-detail-card{display:grid;gap:14px;padding:14px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.placement-processes{display:grid;gap:8px}.checkbox-panel{display:grid;gap:10px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:#ffffff08}.check-row{display:flex;align-items:center;gap:10px;color:#d8deea}.location-notes-list{display:grid;gap:10px;margin-bottom:18px}.summary-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.summary-date-field{max-width:240px}.summary-chip-row{display:flex;flex-wrap:wrap;gap:10px}.summary-section-list{display:grid;gap:18px}.archive-drop-zone{display:grid;gap:8px;padding:20px 22px;margin-bottom:18px;border-radius:22px;border:2px dashed rgba(255,255,255,.16);background:#ffffff08;transition:border-color .18s ease,background .18s ease,transform .18s ease}.archive-drop-zone h3{margin:0}.archive-drop-zone-active{border-color:#72d6ffcc;background:#72d6ff1f}.summary-card{display:grid;gap:16px;padding:20px;border-radius:22px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.summary-card-top{display:flex;align-items:start;justify-content:space-between;gap:14px;flex-wrap:wrap}.summary-card-top h3,.summary-history-vendor h4{margin:4px 0 0}.summary-history-list{display:grid;gap:14px}.summary-history-vendor{display:grid;gap:12px;padding:16px;border-radius:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.vendor-summary-sheet{cursor:grab}.vendor-summary-sheet:active{cursor:grabbing}.history-dashboard-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px}.history-dashboard-card{display:grid;gap:10px;padding:20px;text-align:left;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#f4efe4;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.history-dashboard-card:hover,.history-dashboard-card.active{transform:translateY(-2px);box-shadow:0 16px 30px #0003;background:#f2bc571f;border-color:#f2bc5738}.history-dashboard-card h3{margin:0}.summary-table{display:grid;gap:8px}.summary-table-row{display:grid;grid-template-columns:1.1fr .9fr 1.2fr 80px 1.3fr;gap:12px;padding:12px 14px;border-radius:16px;background:#ffffff08;color:#d8deea;align-items:center}.summary-table-head{background:#f2bc571f;border:1px solid rgba(242,188,87,.18);color:#f7dfac;font-size:.86rem;text-transform:uppercase;letter-spacing:.08em}.primary-button{width:fit-content;padding:14px 22px;background:linear-gradient(135deg,#f2bc57,#d8873a);color:#11151b;font-weight:700}.inline-primary-button{padding:10px 14px}.secondary-button{width:fit-content;padding:14px 22px;background:#ffffff14;color:#f4efe4;font-weight:600}.approval-button{width:100%}.primary-button:disabled{opacity:.7;cursor:wait}.delete-button{background:#a0232338;border-color:#ff828259}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#0000008c;z-index:20;overflow-y:auto;overscroll-behavior:contain}.confirm-modal{width:min(100%,460px);max-height:calc(100vh - 48px);padding:28px;background:#11151bfa;border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 24px 60px #00000059;overflow-y:auto;-webkit-overflow-scrolling:touch}.confirm-modal h3{margin:0 0 12px}.history-modal{width:min(100%,620px)}.preview-modal{width:min(100%,860px)}.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.preview-card{padding:16px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.preview-card h4{margin:0 0 12px}.preview-card p{margin:0 0 8px;color:#c8cfdb;line-height:1.5}.preview-line-item{padding:12px 0;border-top:1px solid rgba(255,255,255,.08)}.preview-line-item:first-of-type{border-top:none;padding-top:0}.preview-card-wide{grid-column:1 / -1}.modal-copy{margin:0;color:#c8cfdb;line-height:1.6}.history-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px 18px;margin-bottom:20px}.history-summary p{margin:0;color:#c8cfdb}.logo-history{margin-bottom:18px}.logo-notes{margin:12px 0 0;color:#c8cfdb;line-height:1.6}.history-list{display:grid;gap:10px;max-height:280px;overflow:auto}.history-entry{display:grid;gap:4px;padding:12px 14px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}@media (max-width: 900px){.app-shell{grid-template-columns:1fr}.sidebar{gap:20px;border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}.kanban-board,.mockup-grid{grid-template-columns:1fr}.workspace-arrow{position:static;width:100%;justify-content:center}.builder-layout,.field-grid{grid-template-columns:1fr}.topbar,.topbar-actions{flex-direction:column;align-items:stretch}.search-field input{min-width:0;width:100%}.preview-grid,.summary-table-row,.history-dashboard-cards{grid-template-columns:1fr}.modal-backdrop{place-items:start center;padding:16px}.confirm-modal{max-height:calc(100vh - 32px)}.shirt-stage{grid-template-columns:1fr}.shirt-sleeve{min-height:100px}.shirt-hit{max-width:140px}}@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape){.app-shell{grid-template-columns:236px 1fr}.sidebar{padding:24px 18px;position:sticky;top:0;min-height:100vh;max-height:100vh;overflow-y:auto}.sidebar-copy{font-size:.95rem}.nav{gap:10px}.nav-button{padding:15px 14px;font-size:.96rem}.main-content{padding:20px}.topbar{align-items:flex-start}.topbar-actions{flex-wrap:wrap;justify-content:flex-end}.search-field input{min-width:220px;min-height:48px;font-size:16px}.stats-card{padding:16px 18px}.panel{padding:20px}.location-selector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-board{gap:18px}.category-panel{padding:18px}.process-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.process-tile{min-height:108px;padding:16px}.process-panel{padding-bottom:74px}.order-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.order-card{padding:15px}.history-button,.primary-button,.secondary-button{min-height:46px}.workspace-arrow{bottom:4px}.form-panel{max-width:none;overflow:hidden}.builder-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}.builder-left,.builder-right{gap:16px}.builder-left{min-width:0}.builder-right{min-width:0;padding:16px;border-radius:24px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field input,.field select,.notes-input{min-height:44px;font-size:16px}.field input[type=date]{min-height:42px;padding:8px 10px;font-size:.9rem}.notes-input{min-height:140px}.line-item-card{padding:16px}.placement-field,.placement-notes-panel,.shirt-picker,.hat-picker,.custom-picker{min-width:0}.shirt-stage{grid-template-columns:78px minmax(0,1fr) 78px;gap:10px}.shirt-body,.custom-stage{min-height:330px}.shirt-sleeve{min-height:200px}.shirt-body{padding:14px}.shirt-hit,.hat-hit{font-size:.8rem}.shirt-hit{max-width:100px;padding:7px 8px;line-height:1.2}.hit-left-chest{top:34px;left:26px}.hit-right-chest{top:34px;right:26px}.hit-full-front{top:142px}.hit-full-back{bottom:38px}.hat-stage{padding:14px 14px 22px}.hat-crown{width:min(100%,320px);min-height:200px}.hat-brim{width:220px;height:58px}.custom-picker{gap:10px}.summary-toolbar{align-items:flex-end}.summary-table-row{grid-template-columns:1fr .9fr 1.1fr 70px 1.1fr;gap:10px;padding:11px 12px}.modal-backdrop{place-items:start center;padding:18px}.confirm-modal{max-height:calc(100vh - 36px)}}