:root{--bg:#faf7f2;--paper:#fff;--ink:#34252b;--muted:#867a7a;--line:#eee3dc;--teal:#700d26;--teal-hover:#560a1d;--mint:#f7edf0;--soft:#faf3ed;--gold:#9a6b22;--gold-bg:#fff5de;--danger:#b53f52;--shadow:0 8px 32px #16372d08;--radius:16px;color-scheme:light;font-family:Inter,'Segoe UI',Arial,sans-serif;font-size:14px;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,select,summary{cursor:pointer}button{min-height:42px;border:1px solid var(--line);padding:10px 15px;background:white;color:var(--ink);border-radius:9px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover{background:var(--soft)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #c9a362;outline-offset:3px}.primary{background:var(--teal);color:white;border-color:var(--teal)}.primary:hover{background:var(--teal-hover)}.secondary{color:var(--teal);background:var(--soft);border-color:var(--soft)}.text-button{border:0;background:transparent;color:var(--teal);padding:7px 8px;min-height:34px;font-weight:500}.danger{color:var(--danger)}.block{width:100%}.icon-button{width:38px;height:38px;padding:7px;min-height:38px}.icon{width:19px;height:19px;display:inline-block;flex-shrink:0;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}input,select,textarea{background:var(--paper);border:1px solid #e6d9cf;border-radius:8px;min-height:44px;padding:11px 12px;color:var(--ink);width:100%;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid #c6a363;outline-offset:1px}input[readonly]{background:var(--soft)}input[type=checkbox]{min-height:20px;width:20px;height:20px;accent-color:var(--teal);flex-shrink:0}input[type=number]{appearance:textfield;-moz-appearance:textfield}input::-webkit-inner-spin-button{appearance:none}input::placeholder{color:#92a09f}h1,h2,h3,p{margin:0}h1{font-size:31px;letter-spacing:-1px;line-height:1.2;font-weight:650}h2{font-size:19px;letter-spacing:-.4px;font-weight:650}h3{font-size:15px;font-weight:650}p{line-height:1.6;color:var(--muted)}small,.small{font-size:12px;color:var(--muted);line-height:1.5}a{color:var(--teal);text-decoration:none}.demo-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 28px;background:#f5eee5;border-bottom:1px solid #e7d9cc;font-size:11px;flex-wrap:wrap}.demo-bar>div{display:flex;align-items:center;gap:10px}.demo-bar strong{letter-spacing:1px;font-size:10px;font-weight:650}.demo-dot,.season-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#5f9d89}.demo-copy{color:var(--muted)}.demo-controls{flex-wrap:wrap}.demo-controls select{width:195px;min-height:33px;font-size:12px;padding:6px 25px 6px 9px}.demo-controls button{font-size:11px}.app-shell{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:210px minmax(0,1fr);min-height:calc(100vh - 55px);background:white}.sidebar{background:linear-gradient(160deg,#fbf5ec,#fdfaf6);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:35px 18px 25px;gap:45px}.brand{display:flex;gap:13px;align-items:center;color:var(--ink);font-size:20px;font-weight:650;letter-spacing:-.6px}.brand small{display:block;font-size:8px;letter-spacing:1.9px;font-weight:500;margin-top:5px}.brand-kite{width:27px;height:36px;display:inline-block;background:conic-gradient(from 0deg,#f2bd4e 0 25%,#94d0b8 25% 50%,#0c6961 50% 75%,#5aa38e 75%);clip-path:polygon(50% 0,100% 45%,50% 100%,0 45%);flex-shrink:0}.brand-kite b{height:100%;width:1px;background:#fff8;display:block;margin:auto}.sidebar nav{display:flex;flex-direction:column;gap:7px}.sidebar nav a{display:flex;align-items:center;gap:12px;color:#526565;font-size:13px;font-weight:500;padding:13px 12px;border-radius:10px;min-height:44px}.sidebar nav a.active{background:#f2e5d2;color:#700d26}.sidebar nav a:hover{background:#f5eadc}.nav-count{margin-left:auto;font-size:10px;border-radius:50%;background:#f6e7bd;color:#815513;min-width:20px;height:20px;display:grid;place-items:center}.season{font-size:12px;color:#647a70;margin-top:auto;padding:16px 7px 0}.season small{display:block;padding:6px 0 0 14px;font-size:10px}.season-dot{margin-right:5px}.workspace{min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:19px 38px;border-bottom:1px solid var(--line);min-height:76px}.workspace-label{font-size:12px;color:var(--muted)}#account{display:flex;align-items:center;gap:10px;font-size:12px}#account strong{display:block;font-weight:600}#account small{font-size:10px}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-size:11px;background:#f1e8dc;color:#704e42}.account-button{background:transparent;border:0;padding:0;justify-content:flex-start}main{padding:34px 38px 40px;min-height:650px}.app-footer{font-size:10px;color:#91a09a;border-top:1px solid #eff3f1;padding:17px 38px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.page-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;flex-wrap:wrap}.page-title p{font-size:13px;margin-top:8px}.eyebrow{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#9b773b;margin-bottom:10px;font-weight:600}.page-actions{display:flex;gap:8px;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:33px 0}.metric{border-right:1px solid var(--line);padding:0 16px 0 0;min-width:0}.metric:last-child{border:0}.metric span{font-size:12px;color:var(--muted)}.metric strong{display:block;font-size:26px;letter-spacing:-.8px;font-weight:650;margin-top:12px;font-variant-numeric:tabular-nums}.metric small{display:block;font-size:10px;margin-top:5px}.metric.pending strong{color:var(--gold)}.collection-strip{display:flex;justify-content:space-between;gap:15px;align-items:center;background:var(--soft);padding:17px 21px;border-radius:12px;margin-bottom:26px;flex-wrap:wrap}.collection-strip>div{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.collection-strip strong{font-size:21px;font-weight:650;letter-spacing:-.4px}.collection-strip span{font-size:12px}.collection-strip small{font-size:11px}.panel{border:1px solid var(--line);border-radius:var(--radius);padding:23px;background:var(--paper);box-shadow:var(--shadow)}.panel+.panel{margin-top:20px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:21px;flex-wrap:wrap}.panel-title p{font-size:12px;margin-top:5px}.panel-title .text-button{font-size:12px}.search{position:relative}.search .icon{position:absolute;left:13px;top:14px;width:17px;height:17px;color:#90a09a}.search input{padding-left:40px;min-height:44px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;margin-top:12px}th{font-size:11px;font-weight:500;color:var(--muted);padding:15px 9px;border-bottom:1px solid var(--line)}td{font-size:12px;padding:17px 9px;border-bottom:1px solid #f1e8e2}tr:last-child td{border:0}td:first-child{padding-left:0}td small{display:block;font-size:10px;margin-top:5px}td strong{font-weight:550}.status{display:inline-flex;gap:6px;align-items:center;font-size:11px;white-space:nowrap}.status:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.status.ok{color:#267b5b}.status.wait{color:#a57121}.status.neutral{color:#788783}.status.bad{color:var(--danger)}.review-bar{margin-top:21px;padding:18px 21px;background:var(--soft);border-radius:12px;display:flex;justify-content:space-between;gap:15px;align-items:center}.review-bar strong{font-size:13px;font-weight:600;display:block}.review-bar small{display:block;font-size:11px;margin-top:5px}.review-bar .icon{color:var(--teal)}.tabs{display:flex;flex-wrap:wrap;gap:5px;margin:18px 0}.tabs button{border:0;background:transparent;padding:8px 13px;min-height:35px;font-weight:500;font-size:12px;color:var(--muted)}.tabs button.active{color:var(--teal);background:var(--mint)}.blank{padding:42px 15px;text-align:center;color:var(--muted)}.blank .icon{width:29px;height:29px;color:#7aab97}.blank h2{margin:15px 0 9px;color:var(--ink)}.blank p{font-size:12px;max-width:400px;margin:0 auto}.steps{display:flex;gap:9px;align-items:center;margin:0 0 28px;max-width:620px}.step{flex:1;display:flex;gap:9px;align-items:center;color:#9ca9a3;min-width:0}.step .circle{width:27px;height:27px;border-radius:50%;background:#eef2f0;display:grid;place-items:center;font-size:11px;flex-shrink:0}.step strong{font-size:11px;font-weight:600;display:block}.step small{display:block;font-size:9px;margin-top:2px}.step.active{color:var(--teal)}.step.active .circle{background:var(--teal);color:white}.step.done .circle{background:#f1e3cd;color:#337a59}.step-line{width:17px;height:1px;background:#e5d6c3;flex-shrink:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.field{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:550;min-width:0}.field small{font-size:11px;font-weight:400}.full{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:25px;flex-wrap:wrap}.helper{font-size:12px;color:var(--muted);line-height:1.6}.note{padding:12px 15px;background:var(--soft);color:#806b58;font-size:11px;line-height:1.6;border-radius:8px;margin-top:18px}.note.warm{background:var(--gold-bg);color:#8e6d2d}.error{color:var(--danger);font-size:12px;line-height:1.6;margin-top:13px}.error:empty{display:none}.builder{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px;align-items:start}.editor-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:22px}.editor-heading .number{font-size:10px;letter-spacing:1px;color:var(--muted)}.select-space{margin:20px 0}.inventory-toggle{width:100%;justify-content:space-between;font-weight:400;border-color:#e6d9cf;min-height:48px;padding:10px 13px}.inventory-toggle>span{display:flex;align-items:center;gap:8px}.picker{border:1px solid #dce6e0;border-radius:12px;margin-top:9px;padding:12px;background:#fff;box-shadow:0 7px 25px #163b2310}.picker-search{margin-bottom:5px}.picker-search input{min-height:36px;padding-top:8px;padding-bottom:8px;font-size:12px}.picker-search .icon{top:10px}.inventory-row{display:grid;grid-template-columns:22px 48px minmax(0,1fr) 112px;gap:11px;align-items:center;padding:13px 1px;border-bottom:1px solid #edf2ee}.inventory-row:last-child{border:0}.inventory-row .item-name{font-size:13px;font-weight:550}.inventory-row small{display:block;font-size:10px;margin-top:4px}.kite-photo{background-image:url('kites.png');background-size:400% 100%;background-repeat:no-repeat;border-radius:6px;width:48px;height:60px;flex-shrink:0;box-shadow:inset 0 0 0 1px #00000005}.c0{background-position:0% 50%}.c1{background-position:33.333% 50%}.c2{background-position:66.666% 50%}.c3{background-position:100% 50%}.swatch{width:28px;height:28px;border-radius:50%;border:1px solid #0000000d;margin:auto;background:var(--swatch)}.qty-control{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;border:1px solid #dbe5df;border-radius:7px;overflow:hidden}.qty-control button{border:0;padding:0;border-radius:0;min-height:36px;font-size:17px;font-weight:400;background:#fafcfb}.qty-control input{border:0;border-radius:0;text-align:center;padding:4px;min-height:36px;font-size:13px;outline-offset:-2px}.qty-label{font-size:9px;color:var(--muted);text-align:center;margin-bottom:5px}.picker .picker-done{margin-top:12px;width:100%;min-height:38px;font-size:12px}.live-total{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--soft);padding:13px 15px;margin-top:20px;border-radius:10px}.live-total span{font-size:11px;color:#6a8377}.live-total strong{font-size:18px;font-weight:600;letter-spacing:-.3px}.live-total small{display:block;font-size:10px}.saved-product{border:1px solid var(--line);border-radius:12px;background:#fff;margin-bottom:12px;overflow:hidden}.saved-product summary{display:flex;align-items:center;gap:12px;list-style:none;padding:17px}.saved-product summary::-webkit-details-marker{display:none}.saved-product summary>div{flex:1;min-width:0}.saved-product summary h3{font-size:14px}.saved-product summary small{display:block;margin-top:4px;font-size:11px}.saved-product summary .done-icon{width:28px;height:28px;background:var(--mint);color:var(--teal);border-radius:50%;display:grid;place-items:center}.saved-product .details{padding:0 18px 16px}.selected-line{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:12px}.selected-line .kite-photo{width:27px;height:34px}.selected-line .swatch{width:15px;height:15px;margin:0}.selected-line strong{margin-left:auto;font-weight:500}.product-actions{display:flex;justify-content:flex-end;gap:6px;border-top:1px solid var(--line);padding-top:10px;margin-top:6px}.product-actions button{font-size:11px}.add-product{width:100%;margin-top:7px;min-height:48px;border:1px dashed #ccb083;color:var(--teal);background:#fffaf2}.summary{background:#fefbf7;border:1px solid var(--line);border-radius:14px;padding:21px}.summary h2{font-size:16px;margin-bottom:20px}.summary-item{padding:13px 0;border-bottom:1px solid var(--line)}.summary-item h3{font-size:12px;font-weight:550}.summary-item>div{display:flex;justify-content:space-between;gap:8px;align-items:center}.summary-item small{display:block;font-size:10px;margin-top:5px}.summary-item strong{font-size:13px;font-weight:600}.summary-total{padding:20px 0 7px}.summary-total span{font-size:12px}.summary-total strong{display:block;font-size:29px;letter-spacing:-1px;margin-top:5px;font-weight:650}.summary-total small{font-size:10px}.summary-amount{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin:15px 0 20px;padding-top:18px;gap:8px;font-size:12px}.summary-amount strong{font-size:21px;letter-spacing:-.6px}.summary .helper{font-size:10px;margin-top:12px;text-align:center}.summary .primary{font-size:12px}.done-state{text-align:center;padding:25px 18px;background:#fcf7ef;border-radius:13px;margin:15px 0}.done-state h2{font-size:18px;margin:13px 0 9px}.done-state p{font-size:12px}.done-state .round-icon{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#f1e3cd;color:var(--teal)}.data-pair{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #f1e8e2;font-size:12px}.data-pair span{color:var(--muted)}.data-pair strong{text-align:right;font-weight:550;overflow-wrap:anywhere}.data-pair:last-child{border:0}.payment-options{display:flex;gap:10px}.payment-option{flex:1;position:relative}.payment-option input{position:absolute;opacity:0;width:1px}.payment-option span{display:flex;align-items:center;gap:9px;padding:13px;border:1px solid var(--line);border-radius:10px;font-size:12px;cursor:pointer}.payment-option input:checked+span{background:var(--mint);border-color:#c3a270;color:var(--teal)}.payment-option input:focus-visible+span{outline:2px solid #79b69f}.proof-preview{margin-top:12px;max-width:100%;max-height:180px;object-fit:contain;border-radius:8px;border:1px solid var(--line)}.request{border:1px solid var(--line);border-radius:13px;padding:21px;background:#fff;margin-top:15px}.request-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;flex-wrap:wrap;margin-bottom:14px}.request-head h3{font-size:16px;margin-top:9px}.request-head small{display:block;font-size:11px;margin-top:5px}.request .form-actions{margin-top:15px}.request .form-actions button{font-size:12px}.request .data-pair{font-size:11px}.team-row{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.team-row:last-child{border:0}.team-row .person{flex:1;min-width:135px}.team-row strong{display:block;font-size:13px;font-weight:550}.team-row small{font-size:11px}.team-row button{font-size:11px}.permission{font-size:10px;padding:6px 9px;border-radius:6px;background:var(--soft);color:#805e38}.permission.locked{background:var(--gold-bg);color:#946d30}.success-card{text-align:center;max-width:600px;margin:40px auto}.success-card .round-icon{width:64px;height:64px;background:var(--mint);color:var(--teal);border-radius:50%;display:grid;place-items:center;margin:0 auto 24px}.success-card h1{margin-bottom:15px}.success-card .request-id{font-size:22px;color:var(--teal);background:var(--soft);padding:15px;margin:20px 0;border-radius:10px;letter-spacing:1px}.success-card p{font-size:13px}.success-card .form-actions{justify-content:center}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);padding:14px 20px;max-width:min(530px,calc(100% - 24px));color:white;background:#540e21;box-shadow:0 5px 25px #0002;border-radius:12px;font-size:12px;line-height:1.5;z-index:100}.toast[hidden]{display:none}dialog{border:1px solid var(--line);border-radius:17px;padding:28px;max-width:480px;width:calc(100% - 30px);box-shadow:0 20px 90px #153d3233;color:var(--ink)}dialog::backdrop{background:#142c304d}dialog h2{margin-bottom:12px}dialog p{font-size:13px}dialog .field{margin-top:20px}.login-card{max-width:380px;margin:20px auto;padding:30px}.login-card .brand{justify-content:center;margin-bottom:30px}.login-card .field{margin-top:18px}.login-card h2{text-align:center}.login-card p{text-align:center;font-size:12px;margin:9px 0 22px}.login-card .primary{margin-top:24px}.mobile-mode{max-width:412px;margin:16px auto;border:1px solid var(--line);border-radius:22px;overflow:clip;grid-template-columns:1fr;min-height:0;box-shadow:0 15px 60px #194d2010}.mobile-mode .sidebar{padding:19px 16px 10px;border-right:0;border-bottom:1px solid var(--line);gap:18px}.mobile-mode .brand{font-size:19px}.mobile-mode .brand small{display:none}.mobile-mode .brand-kite{height:31px;width:24px}.mobile-mode .season{display:none}.mobile-mode .sidebar nav{display:flex;flex-direction:row;gap:2px;overflow-x:auto}.mobile-mode .sidebar nav a{white-space:nowrap;font-size:10px;padding:9px;gap:5px;min-height:37px}.mobile-mode .sidebar nav .icon{display:none}.mobile-mode .topbar{padding:14px 18px;min-height:60px}.mobile-mode main{padding:24px 17px;min-height:500px}.mobile-mode h1{font-size:25px}.mobile-mode .page-title{margin-bottom:25px}.mobile-mode .metrics{grid-template-columns:1fr 1fr;gap:25px;margin:25px 0}.mobile-mode .metric:nth-child(2){border-right:0}.mobile-mode .metric strong{font-size:24px}.mobile-mode .builder{grid-template-columns:1fr}.mobile-mode .panel{padding:19px 15px}.mobile-mode .summary{padding:19px}.mobile-mode .form-grid{grid-template-columns:1fr}.mobile-mode .inventory-row{grid-template-columns:20px 38px minmax(0,1fr) 100px;gap:7px}.mobile-mode .kite-photo{width:38px;height:49px}.mobile-mode .inventory-row .item-name{font-size:12px}.mobile-mode .qty-control{grid-template-columns:27px minmax(0,1fr) 27px}.mobile-mode input,.mobile-mode select{font-size:16px}.mobile-mode .qty-control input{font-size:16px}.mobile-mode .step{gap:5px}.mobile-mode .step-line{width:6px}.mobile-mode .step small{display:none}.mobile-mode .step strong{font-size:9px}.mobile-mode .steps{gap:5px}.mobile-mode th,.mobile-mode td{font-size:11px;padding:12px 7px}.mobile-mode .app-footer{padding:17px}.mobile-mode .review-bar{align-items:flex-start;flex-direction:column}.mobile-mode .table-wrap table{min-width:510px}.mobile-mode .saved-product .kite-photo{width:27px;height:34px}.mobile-mode .collection-strip{padding:14px 16px}.mobile-mode .page-actions{width:100%}.mobile-mode .page-actions .primary{flex:1}.mobile-mode .topbar .workspace-label{font-size:11px}[hidden]{display:none!important}
@media(max-width:1100px){.app-shell{grid-template-columns:180px minmax(0,1fr)}.sidebar{padding-left:14px;padding-right:14px}.brand{font-size:18px;gap:9px}.brand-kite{width:23px;height:31px}main{padding:30px 26px}.topbar{padding:18px 26px}.builder{grid-template-columns:minmax(0,1fr) 235px;gap:18px}.summary{padding:17px}.inventory-row{grid-template-columns:20px 40px minmax(0,1fr) 100px;gap:8px}.kite-photo{width:40px;height:52px}.metrics{gap:12px}.metric strong{font-size:23px}.panel{padding:20px}.demo-bar{padding:9px 18px}.demo-copy{display:none}}
@media(max-width:900px){.builder{grid-template-columns:1fr}.summary{display:block}.summary-total strong{font-size:26px}.summary-item{padding:12px 0}.summary .primary{min-height:44px}.summary .helper{margin-top:10px}.sidebar{gap:35px}.metric span{font-size:11px}.topbar{min-height:67px}.table-wrap table{min-width:520px}}
@media(max-width:680px){.demo-bar{padding:8px 12px;gap:6px}.demo-bar>div:first-child{width:100%;gap:8px}.demo-bar strong{font-size:9px}.demo-controls{width:100%;gap:7px!important}.demo-controls select{width:auto;flex:1;max-width:230px;font-size:11px}.demo-controls label{font-size:10px}.demo-controls #device-toggle{display:none}.demo-controls button{font-size:10px;padding:5px}.app-shell{grid-template-columns:1fr;min-height:100vh}.sidebar{padding:19px 17px 10px;border-right:0;border-bottom:1px solid var(--line);gap:16px}.brand{font-size:20px}.brand small{display:none}.brand-kite{width:25px;height:32px}.season{display:none}.sidebar nav{flex-direction:row;overflow-x:auto;gap:3px}.sidebar nav a{padding:9px 10px;font-size:11px;gap:5px;min-height:39px;white-space:nowrap}.sidebar nav .icon{display:none}.nav-count{font-size:9px;min-width:16px;height:16px}.topbar{padding:12px 18px;min-height:58px}.workspace-label{font-size:11px}#account{font-size:11px}#account small{font-size:9px}.avatar{width:30px;height:30px;font-size:10px}main{padding:24px 17px;min-height:500px}h1{font-size:26px}.page-title{margin-bottom:25px}.page-title p{font-size:12px}.page-actions{width:100%}.page-actions .primary{flex:1}.metrics{grid-template-columns:1fr 1fr;gap:24px;margin:25px 0}.metric:nth-child(2){border-right:0}.metric strong{font-size:25px}.collection-strip{padding:14px 16px;gap:9px}.collection-strip strong{font-size:20px}.panel{padding:19px 15px;border-radius:13px}.review-bar{flex-wrap:wrap;padding:17px}.review-bar .text-button{padding:3px}.form-grid{grid-template-columns:1fr}.builder{gap:20px}.steps{gap:5px;margin-bottom:23px}.step{gap:6px}.step-line{width:5px}.step strong{font-size:10px}.step small{display:none}.step .circle{width:24px;height:24px;font-size:10px}.field{font-size:12px}.inventory-row{grid-template-columns:20px 40px minmax(0,1fr) 105px;gap:8px}.picker{padding:10px}.qty-control{grid-template-columns:28px minmax(0,1fr) 28px}.inventory-row .item-name{font-size:12px}.inventory-row small{font-size:9px}.inventory-row input[type=checkbox]{width:18px;height:18px}.picker .picker-done{min-height:44px}.qty-control button{min-height:40px}.qty-control input{font-size:16px}.summary{padding:20px}.saved-product summary{padding:15px}.form-actions button{min-height:44px}.form-actions .primary{flex:1}.request{padding:18px}.data-pair{gap:12px}.team-row .permission{max-width:120px}.app-footer{padding:17px;font-size:9px}.toast{bottom:12px}input,select,textarea{font-size:16px}.demo-controls select{font-size:12px}td button{min-height:36px;font-size:11px;padding:7px 9px}.table-wrap table{min-width:510px}.mobile-mode{margin:0;max-width:none;border:0;border-radius:0}.page-title .text-button{font-size:11px}}
@media(max-width:370px){main{padding:20px 12px}.panel{padding:17px 12px}.inventory-row{grid-template-columns:18px 32px minmax(0,1fr) 90px;gap:6px}.kite-photo{width:32px;height:43px}.qty-control{grid-template-columns:24px minmax(0,1fr) 24px}.inventory-row .item-name{font-size:11px}.step .circle{width:21px;height:21px}.step strong{font-size:9px}.step{gap:4px}.step-line{display:none}.sidebar nav a{font-size:10px;padding:8px}.demo-controls select{max-width:180px}.demo-controls label{display:none}.summary{padding:18px}}
.sales-filter{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:0 0 8px;font-size:12px}.sales-filter select{width:220px;min-height:39px;padding:8px 11px;font-size:12px}.sales-filter small{font-size:10px}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px}.catalog-card{padding:21px;border:1px solid var(--line);border-radius:14px;background:#fff;min-width:0}.catalog-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.catalog-title h2{font-size:17px}.catalog-title small{display:block;font-size:10px;margin-top:6px}.catalog-price{display:flex;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid var(--line);font-size:11px}.catalog-price strong{font-size:17px;font-weight:600}.catalog-price small{font-size:10px}.catalog-price button{margin-left:auto;font-size:11px}.catalog-stock{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px 0}.catalog-stock>div{display:flex;gap:9px;align-items:center;font-size:12px}.catalog-stock .kite-photo{width:32px;height:43px}.catalog-stock .swatch{margin:0;width:24px;height:24px}.catalog-stock small{display:block;font-size:10px;color:#8a9690;margin-top:4px}.catalog-actions{display:flex;gap:8px}.catalog-actions button{font-size:11px;flex:1}.uploaded{object-fit:cover;background-image:none}.photo-options{margin-top:20px;font-size:12px;color:var(--muted)}.photo-options summary{padding:10px 0}.request-history{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.request-history>div{flex:1;min-width:150px}.request-history strong{display:block;font-size:12px;font-weight:500}.request-history small{display:block;font-size:10px;margin-top:5px}.request-history button{font-size:11px}dialog{max-height:90vh;overflow:auto}dialog .form-grid{margin-top:18px}.mobile-mode .sales-filter select{flex:1}.mobile-mode .catalog-grid{grid-template-columns:1fr}.inventory-row small{color:#8b9791}.mobile-mode .catalog-card{padding:17px}
@media(max-width:680px){.sales-filter select{flex:1;min-width:120px}.sales-filter small{flex-basis:100%}.catalog-grid{grid-template-columns:1fr}.catalog-card{padding:18px}.sales-filter{gap:10px}.catalog-title{flex-wrap:wrap}.page-actions .secondary{flex:1}.inventory-row small{color:#8b9791}}
@media(prefers-reduced-motion:no-preference){button,a{transition:background .15s,border-color .15s}.toast{animation:appear .2s ease-out}@keyframes appear{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}}

/* ZKT approved burgundy & gold identity */
.brand-logo{width:53px;height:53px;object-fit:contain;border-radius:12px;flex-shrink:0}.brand{font-size:18px;gap:10px}.sidebar{border-top:3px solid #ba9352}.sidebar nav a.active{box-shadow:inset 3px 0 #aa7c36}.sidebar nav a{color:#705f60}.brand small{color:#a17c42;letter-spacing:1.6px}.season-dot,.demo-dot{background:#b28c4b}.demo-bar{border-bottom-color:#eadcc7}.topbar{background:#fffefa}.avatar{color:#700d26;background:#f4e8e9}.metric strong{font-size:25px}.collection-strip{border:1px solid #f0e2cf}.note{color:#806b58}.summary{background:#fefbf7}.brand-logo{box-shadow:0 2px 8px #700d2612}.login-card .brand-logo{width:70px;height:70px}.inventory-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.stock-heading,.stock-line{display:grid;grid-template-columns:minmax(95px,1.4fr) repeat(3,minmax(45px,1fr));gap:5px;align-items:center}.stock-heading{font-size:9px;color:var(--muted);padding:18px 0 8px}.stock-heading span:not(:first-child),.stock-line>span:not(:first-child),.stock-line>strong{text-align:right}.stock-line{font-size:12px;padding:11px 0;border-bottom:1px solid var(--line)}.stock-line>span:first-child{display:flex;align-items:center;gap:8px}.stock-line b{font-size:11px;font-weight:500}.stock-line .kite-photo{width:25px;height:33px}.stock-line .swatch{width:19px;height:19px;margin:0}.stock-low{color:#a56e13}.catalog-actions{margin-top:17px}.threshold-row{display:flex;justify-content:space-between;align-items:center;margin-top:14px;gap:9px}.threshold-row small{font-size:10px}.threshold-row button{font-size:10px}.alert-panel{margin-top:24px}.notice-item{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.notice-item:last-child{border:0}.notice-item strong{font-size:12px;font-weight:500;line-height:1.6}.notice-item small{display:block;margin-top:5px;font-size:10px}.notice-dot{width:7px;height:7px;flex-shrink:0;background:#b28c4b;border-radius:50%;margin-top:7px}.low-stock{margin:0 0 8px}.history-panel{margin-top:22px}.history-panel summary{font-size:14px;font-weight:600}.revenue-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:20px}.revenue-layout .panel{min-width:0;margin:0;padding:21px}.revenue-layout .data-pair{font-size:11px;gap:10px}.revenue-layout table{min-width:540px}.revenue-layout th,.revenue-layout td{font-size:11px}.revenue-layout td{white-space:nowrap}.revenue-layout td small{white-space:normal}.commission-panel{margin-top:22px}.commission-panel h2{font-size:17px}.payable{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#f7eddc;border:1px solid #edddc2;border-radius:10px;padding:17px 13px;margin:16px 0}.payable span{font-size:12px;font-weight:500}.payable strong{font-size:25px;color:#700d26;letter-spacing:-.7px}.commission-panel .helper{font-size:10px;text-align:left}.commission-actions{display:grid;gap:10px;margin-top:18px}.commission-actions button{font-size:12px}.ledger-row{display:flex;justify-content:space-between;gap:15px;padding:18px 0;border-bottom:1px solid var(--line);font-size:12px}.ledger-row:last-child{border:0}.ledger-row strong{font-size:12px;font-weight:550}.ledger-row b{white-space:nowrap}.ledger-row small{display:block;font-size:10px;margin-top:6px}.ledger-row details{font-size:11px;margin-top:10px}.revenue-layout>.panel:first-child{min-height:300px}.mobile-mode .revenue-layout{grid-template-columns:1fr}.mobile-mode .inventory-metrics{grid-template-columns:1fr 1fr}.mobile-mode .brand-logo{width:40px;height:40px}.mobile-mode .catalog-grid{grid-template-columns:1fr}.table-wrap{max-width:100%}dialog .brand-logo{width:65px;height:65px}
@media(max-width:1200px){.revenue-layout{grid-template-columns:1fr}.revenue-layout .commission-panel{max-width:none}.revenue-layout table{min-width:540px}}
@media(max-width:680px){.brand-logo{width:42px;height:42px}.sidebar{padding-top:15px}.inventory-metrics{grid-template-columns:1fr 1fr}.revenue-layout{grid-template-columns:1fr;gap:20px}.revenue-layout .panel{padding:18px 15px}.stock-heading{font-size:9px}.stock-line{font-size:12px}.metric strong{font-size:23px}.revenue-layout .commission-panel{order:-1}.catalog-grid{grid-template-columns:1fr}.ledger-row{gap:10px}.ledger-row b{font-size:12px}}
.app-shell.mobile-mode{grid-template-columns:1fr}.mobile-mode .revenue-layout .commission-panel{order:-1}
/* ZKT · a warm, modern office workspace */
:root{--bg:#f7f3ef;--paper:#fffefa;--ink:#30232b;--muted:#81747b;--line:#eee5df;--teal:#780d2d;--teal-hover:#580820;--soft:#f8f0e7;--mint:#f7edf0;--gold:#a8782b;--shadow:0 8px 26px #53283a06;--radius:20px;font-family:'Segoe UI',Arial,sans-serif}
body{background:var(--bg)}.app-shell{max-width:1600px;grid-template-columns:222px minmax(0,1fr);background:#faf7f3}.sidebar{background:#fffdfa;padding:28px 16px;border-top:0;gap:40px}.brand{font-size:18px;letter-spacing:-.5px}.brand-logo{width:51px;height:51px;border-radius:13px}.brand small{font-size:8px}.sidebar nav a{padding:14px 13px;border-radius:12px;font-size:12px;color:#7f6e76;gap:13px}.sidebar nav a.active{background:#780d2d;color:#fff;box-shadow:0 7px 17px #780d2d22}.sidebar nav a:hover:not(.active){background:#f7ede5}.nav-count{background:#f4d9a7;color:#603e12}.topbar{background:#fffdfa;padding:17px 34px;min-height:72px}.workspace-label{font-weight:500;letter-spacing:.4px}.account-button{padding:3px 0}.avatar{background:#f2e4e8;border:1px solid #e9d1d8;color:#780d2d}.demo-bar{background:#eee6dd;padding:8px 26px}.demo-bar strong{color:#735445}.demo-controls select{background:#fffbf5;border-color:#e5d8c8}.demo-controls button{color:#7b5d58}main{padding:29px 34px 42px}h1{font-size:31px;font-weight:650;letter-spacing:-1px}h2{font-size:18px}p{font-size:13px;line-height:1.65}.page-title{margin-bottom:24px}.eyebrow{color:#ac8446;font-size:9px;letter-spacing:1.7px;margin-bottom:8px}.primary{background:linear-gradient(120deg,#861032,#660b25);border-color:#780d2d;box-shadow:0 5px 12px #780d2d10}.primary:hover{background:#5d0922}.secondary{background:#f4eadd;color:#794c2e;border-color:#eadbc4}button{border-radius:11px;font-size:12px;min-height:43px}input,select,textarea{border-radius:11px;border-color:#e6dcd5;background:#fff;min-height:45px}.field{font-size:12px}.field small{color:#9c8e87}.panel{border:1px solid #eee5df;background:#fffefa;border-radius:20px;padding:23px;box-shadow:var(--shadow)}.panel-title{margin-bottom:19px}.metrics{gap:15px;margin:22px 0}.metric{background:#fffefa;border:1px solid #eee5df!important;padding:19px 20px;border-radius:17px;box-shadow:0 5px 18px #57253903}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:9px}.metric-top>span:first-child{font-size:11px;font-weight:500;color:#87747c}.metric-icon{width:32px;height:32px;border-radius:10px;background:#f7e9ee;color:#871936;display:grid;place-items:center;flex-shrink:0}.metric-icon .icon{width:16px;height:16px}.metric strong{font-size:26px;letter-spacing:-.8px;line-height:1.2;margin-top:14px}.metric small{font-size:10px;margin-top:8px;line-height:1.5}.metric.pending strong{color:#a87526}.metric.pending .metric-icon,.gold-icon{background:#fbf0d8!important;color:#a77c38!important}.three-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.welcome-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;background:radial-gradient(ellipse at 100% 0,#9c354c55,transparent 65%),linear-gradient(115deg,#57081f,#7c1030);padding:32px 34px;border-radius:24px;color:#fff4e6;position:relative;overflow:hidden;margin-bottom:23px;box-shadow:0 15px 30px #660b2514}.hero-kicker{font-size:9px;font-weight:600;letter-spacing:1.8px;color:#e7cfa1;display:block;margin-bottom:12px}.welcome-hero h1{font-size:32px;letter-spacing:-1px}.welcome-hero p{color:#e5cbd1;font-size:12px;margin-top:10px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.hero-actions .primary{background:#f2dbac;border-color:#f2dbac;color:#5b172b;box-shadow:none}.hero-actions .primary:hover{background:#ffe8bd}.hero-secondary{background:#ffffff0d;border-color:#ffffff2b;color:#fff0dc}.hero-secondary:hover{background:#ffffff1a}.hero-emblem{flex-shrink:0;width:128px;height:128px;border-radius:22px;overflow:hidden;box-shadow:0 8px 24px #200a1640;transform:rotate(3deg);border:1px solid #d3ad6d55}.hero-emblem img{height:100%;width:100%;object-fit:contain}.sales-filter{background:#fffdfa;border:1px solid var(--line);border-radius:13px;padding:9px 13px;gap:10px;font-size:11px}.sales-filter select{border:0;background:#faf5ee;min-height:36px;padding:8px 10px;font-weight:600;width:215px}.filter-icon{color:#a3804e;display:flex}.filter-season{margin-left:auto;color:#99877b;font-size:10px}.dashboard-grid,.payment-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:20px;align-items:stretch;margin-bottom:23px}.dashboard-grid>.panel,.payment-layout>.panel{margin:0}.collection-visual{display:flex;align-items:center;justify-content:center;gap:33px;margin:24px 0 18px}.donut{width:156px;height:156px;flex-shrink:0;border-radius:50%;background:conic-gradient(from -90deg,#821437 calc(var(--progress)*1%),#e9d6b6 0);padding:15px;box-shadow:0 0 0 8px #faf5ed}.donut>div{width:100%;height:100%;border-radius:50%;background:#fffefa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.donut strong{font-size:32px;letter-spacing:-1.5px;font-weight:650;line-height:1}.donut strong small{font-size:15px;margin-left:3px;font-weight:500}.donut div>span{font-size:8px;letter-spacing:1.5px;color:#9e8875}.chart-legend{display:grid;gap:22px}.chart-legend>div{display:flex;align-items:flex-start;gap:9px;font-size:10px;color:#8b7680}.chart-legend strong{display:block;font-size:19px;color:#392a32;letter-spacing:-.4px;margin-top:6px}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:3px;flex-shrink:0;margin-top:3px}.burgundy{background:#821437}.gold{background:#d5b47c}.chart-caption{font-size:9px;color:#a28e84;text-align:center}.soft-badge{background:#f8efdf;color:#9b783c;padding:7px 10px;border-radius:8px;font-size:10px;white-space:nowrap}.action-row{display:flex;align-items:center;justify-content:flex-start;text-align:left;width:100%;gap:12px;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:20px 0;background:transparent;font-size:12px}.action-row:last-child{border-bottom:0;padding-bottom:8px}.action-row>span:nth-child(2){flex:1}.action-row b{display:block;font-weight:600;font-size:12px}.action-row small{display:block;font-weight:400;font-size:10px;margin-top:5px}.action-row>strong{font-size:21px;color:#852242}.action-row>.icon{width:16px;color:#aa968c}.action-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#f6eaf0;color:#822d48}.action-row:hover{background:#fbf4ee}.recent-panel{margin-top:20px}.recent-panel td{padding-top:19px;padding-bottom:19px}.table-wrap table{margin-top:5px}.table-wrap th{background:#faf6f0;font-size:10px;padding-top:13px;padding-bottom:13px}.table-wrap th:first-child{border-radius:8px 0 0 8px;padding-left:12px}.table-wrap th:last-child{border-radius:0 8px 8px 0}.table-wrap td:first-child{padding-left:12px}.table-wrap td{font-size:12px}.table-wrap small{color:#a18e94}.status{padding:6px 9px;border-radius:7px;font-size:10px}.status.ok{background:#eef5ed;color:#49814c}.status.wait{background:#fff3d8;color:#a07832}.status.bad{background:#fae8e8;color:#ac4052}.status.neutral{background:#f3efeb;color:#887a80}.revenue-tabs{display:flex;gap:4px;padding:6px;background:#ede5dc;border-radius:14px;margin:22px 0}.revenue-tabs button{flex:1;min-height:45px;padding:10px 12px;color:#8b7277;font-size:12px;border-radius:10px}.revenue-tabs button.active{background:#fffefa;color:#780d2d;box-shadow:0 3px 10px #59302a0c;font-weight:600}.revenue-content>.metrics{margin-top:0}.revenue-content .table-wrap table{min-width:600px}.revenue-content>.panel{margin-top:0}.commission-experience{min-width:0}.commission-focus{display:flex;align-items:center;justify-content:space-between;gap:22px;background:radial-gradient(circle at 95% 10%,#a3494a66,transparent 60%),linear-gradient(120deg,#5e0923,#841334);padding:30px 32px;border-radius:22px;color:#fff8e9;box-shadow:0 12px 28px #5e092312}.commission-focus h2{font-size:15px;font-weight:400;color:#efd8dc}.big-money{font-size:47px;font-weight:650;letter-spacing:-2px;margin:12px 0;line-height:1.1}.commission-focus p{font-size:11px;color:#e2bcc7}.commission-focus>.icon{width:55px;height:55px;color:#dfc08b;stroke-width:1}.earning-cards{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:18px 0}.earning-cards>div{display:grid;grid-template-columns:40px 1fr;column-gap:12px;align-items:center;border:1px solid var(--line);padding:20px;background:#fffefa;border-radius:16px}.earning-cards .metric-icon{grid-row:1/4;width:40px;height:40px}.earning-cards small{font-size:11px;color:#8b737d}.earning-cards strong{font-size:23px;letter-spacing:-.6px;margin:5px 0;color:#3d2932}.earning-cards div>span:last-child{font-size:10px;color:#a08e88}.earning-progress{margin:20px 0}.earning-progress .panel-title strong{font-size:23px;letter-spacing:-.7px}.progress-bar{height:13px;border-radius:8px;background:#e6d2ae;overflow:hidden}.progress-bar>span{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#6c0b2b,#a13b59)}.bar-labels{display:flex;justify-content:space-between;gap:20px;margin-top:16px;font-size:11px;color:#9a8288}.bar-labels span{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.bar-labels b{color:#45303b;font-size:12px}.commission-details summary{display:flex;align-items:center;gap:15px;list-style:none;font-size:13px;font-weight:600}.commission-details summary>span{font-size:10px;font-weight:400;color:#a18c83;margin-left:auto}.commission-details summary::-webkit-details-marker{display:none}.commission-details[open] summary{padding-bottom:20px}.commission-details .helper{margin-top:16px;font-size:11px}.commission-actions.horizontal{display:flex;gap:12px;justify-content:flex-end;margin:20px 0}.commission-actions.horizontal button{min-width:155px}.compact .commission-focus{padding:22px 24px;border-radius:19px}.compact .big-money{font-size:34px;margin:9px 0}.compact .commission-focus>.icon{width:36px;height:36px}.compact .commission-focus p{font-size:10px}.compact .earning-cards{margin:12px 0 5px;gap:10px}.compact .earning-cards>div{padding:14px;display:block}.compact .earning-cards .metric-icon{display:none}.compact .earning-cards small,.compact .earning-cards strong,.compact .earning-cards div>span:last-child{display:block}.compact .earning-cards strong{font-size:20px}.standout-number{font-size:37px;color:#780d2d;letter-spacing:-1px;font-weight:650;margin:22px 0}.payment-layout>.panel:nth-child(2){display:flex;flex-direction:column;justify-content:center}.catalog-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.catalog-card{border-radius:20px;background:#fffefa;box-shadow:var(--shadow);padding:23px}.catalog-title h2{font-size:18px}.catalog-price{margin-top:4px}.catalog-actions{display:flex;flex-wrap:wrap}.catalog-actions button{flex:1;min-width:100px}.stock-line{grid-template-columns:minmax(120px,1.5fr) repeat(3,minmax(40px,.6fr))}.stock-heading{grid-template-columns:minmax(120px,1.5fr) repeat(3,minmax(40px,.6fr))}.stock-line>span:first-child{flex-wrap:wrap;gap:6px}.inventory-description{flex-basis:100%;font-size:10px;text-align:left!important;line-height:1.5;color:#a08d87}.design-placeholder{width:36px;height:43px;border-radius:9px;display:grid;place-items:center;background:#f4ebdd;color:#b69968;flex-shrink:0}.selected-line small{display:block;font-size:10px}.design-description{color:#97847c!important;font-size:10px!important;line-height:1.4}.inventory-row .item-name{line-height:1.5}.inventory-row{grid-template-columns:20px 42px minmax(0,1fr) 110px;gap:10px}.inventory-row .kite-photo{width:42px;height:54px}.form-divider{margin-top:24px;padding:15px 0 0;border-top:1px solid var(--line);font-size:11px;letter-spacing:1.1px;text-transform:uppercase;color:#b18c53;font-weight:600}.modal-kicker{font-size:9px;letter-spacing:1.8px;color:#b18c53;margin-bottom:10px}dialog{padding:30px;background:#fffefa;max-width:540px;border-radius:23px;box-shadow:0 25px 100px #360c2455}.upload-field{background:#faf4eb;border:1px dashed #dac6a2;border-radius:13px;padding:16px}.upload-field input{font-size:11px;background:transparent;border:0;padding:0}.final-bill{background:#f4e8d4;padding:20px;border-radius:13px;margin:17px 0;color:#603c2d}.final-bill span{font-size:12px}.final-bill strong{display:block;color:#780d2d;font-size:30px;letter-spacing:-1px;margin-top:7px}.summary{background:#fffdfa;box-shadow:var(--shadow)}.summary .data-pair{font-size:12px}.request{border-radius:19px}.history-panel{margin-top:24px}.alert-panel .notice-item strong{font-size:11px}.login-card{background:linear-gradient(#fffefa,#fbf1e5);padding:35px;border:1px solid #ead6b8}.app-footer{background:#fffdfa;color:#b09a8e}
@media(min-width:1250px){.sidebar{position:sticky;top:0;max-height:100vh}.inventory-metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1200px){.app-shell{grid-template-columns:190px minmax(0,1fr)}main{padding:24px}.sidebar .brand{font-size:16px}.brand-logo{width:43px;height:43px}.welcome-hero{padding:27px}.welcome-hero h1{font-size:28px}.hero-emblem{width:104px;height:104px}.metric{padding:17px}.metric strong{font-size:23px}.dashboard-grid{grid-template-columns:1fr}.collection-visual{justify-content:flex-start;padding-left:14px}.dashboard-grid .collection-visual{justify-content:center}.dashboard-grid .next-actions{display:grid;grid-template-columns:1fr}.three-metrics .metric{padding:16px}}
@media(max-width:850px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.three-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.three-metrics .metric strong{font-size:21px}.payment-layout{grid-template-columns:1fr}.catalog-grid{grid-template-columns:1fr}.hero-emblem{width:90px;height:90px}.welcome-hero{gap:20px}.welcome-hero h1{font-size:26px}.filter-season{display:none}.revenue-tabs{flex-wrap:wrap}.revenue-tabs button{flex-basis:40%}.bar-labels{flex-direction:column;gap:10px}}
@media(max-width:680px){.app-shell{grid-template-columns:1fr}.sidebar{padding:15px 17px 10px;gap:15px}.sidebar .brand{font-size:19px}.sidebar nav a{padding:10px 12px;font-size:11px;gap:6px;min-height:39px}.topbar{padding:12px 18px}.brand-logo{width:42px;height:42px}main{padding:19px 16px 30px}.welcome-hero{padding:25px 22px;border-radius:20px;gap:10px;align-items:flex-start}.welcome-hero h1{font-size:25px;line-height:1.2}.hero-kicker{font-size:8px;letter-spacing:1.2px;line-height:1.7}.hero-emblem{width:58px;height:58px;border-radius:12px;position:absolute;right:18px;top:20px}.welcome-hero>div:first-child{width:100%}.welcome-hero .hero-kicker{max-width:calc(100% - 58px)}.welcome-hero h1{padding-right:38px}.welcome-hero p{font-size:11px;padding-right:12px;max-width:300px}.hero-actions{margin-top:20px;gap:8px}.hero-actions button{font-size:11px;padding:10px 13px}.sales-filter{padding:8px 10px;gap:8px;border-radius:12px}.sales-filter select{font-size:12px;min-height:36px;width:auto}.sales-filter label{font-size:11px}.filter-icon .icon{width:16px}.metrics,.three-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:17px 0}.three-metrics .metric:last-child{grid-column:1/-1}.metric,.three-metrics .metric{padding:15px 14px;border-radius:15px}.metric strong,.three-metrics .metric strong{font-size:24px}.metric-top{align-items:flex-start;gap:5px}.metric-top>span:first-child{font-size:10px;line-height:1.5}.metric-icon{width:27px;height:27px;border-radius:9px}.metric-icon .icon{width:14px;height:14px}.metric small{font-size:9px;line-height:1.6}.dashboard-grid,.payment-layout{gap:16px}.panel{padding:21px 18px;border-radius:18px}.panel-title h2{font-size:17px}.collection-visual{gap:24px;margin:26px 0 20px;padding:0;justify-content:center}.donut{width:132px;height:132px;padding:13px}.donut strong{font-size:29px}.chart-legend strong{font-size:19px}.chart-legend{gap:19px}.chart-legend>div{font-size:10px}.soft-badge{font-size:9px;padding:6px 8px}.action-row{padding:18px 0}.recent-panel{padding:20px 13px}.recent-panel .panel-title{padding:0 4px}.revenue-tabs{border-radius:14px;margin:18px 0;padding:5px}.revenue-tabs button{flex-basis:40%;font-size:11px;min-height:41px}.commission-focus{padding:27px 23px;border-radius:20px}.commission-focus>.icon{width:35px;height:35px}.big-money{font-size:39px;letter-spacing:-1.5px}.commission-focus h2{font-size:13px}.commission-focus p{font-size:10px;max-width:235px}.earning-cards{gap:11px;margin:14px 0}.earning-cards>div{display:block;padding:16px;border-radius:15px}.earning-cards .metric-icon{width:31px;height:31px;margin-bottom:12px}.earning-cards small,.earning-cards strong,.earning-cards div>span:last-child{display:block}.earning-cards small{font-size:10px;min-height:30px}.earning-cards strong{font-size:24px;margin:6px 0}.earning-cards div>span:last-child{font-size:9px;line-height:1.5}.commission-details summary{font-size:13px;flex-wrap:wrap;gap:7px}.commission-details summary>span{font-size:9px;margin-left:0;flex-basis:85%}.commission-details summary>.icon{margin-left:auto;width:16px}.commission-actions.horizontal{justify-content:stretch}.commission-actions.horizontal button{min-width:0;flex:1;font-size:11px}.earning-progress .panel-title h2{font-size:15px}.earning-progress .panel-title strong{font-size:20px}.bar-labels{font-size:10px}.catalog-card{padding:20px 17px}.catalog-actions button{min-width:90px;font-size:10px}.stock-heading,.stock-line{grid-template-columns:minmax(100px,1.2fr) repeat(3,minmax(35px,.6fr))}.inventory-row{grid-template-columns:18px 36px minmax(0,1fr) 94px;gap:7px}.inventory-row .kite-photo{width:36px;height:46px}.inventory-row .item-name{font-size:11px}.inventory-row .design-description{font-size:9px!important}.design-placeholder{width:32px;height:40px}.qty-control{grid-template-columns:25px minmax(0,1fr) 25px}.form-grid{gap:17px}.field input,.field textarea,.field select{font-size:16px}dialog{padding:25px 22px;max-height:90dvh}.page-title h1{font-size:27px}.page-title p{font-size:11px}.app-footer{font-size:9px}.status{font-size:9px;padding:5px 7px}}
.app-shell.mobile-mode{grid-template-columns:1fr}.mobile-mode .welcome-hero{padding:23px 20px}.mobile-mode .hero-emblem{display:none}.mobile-mode .welcome-hero h1{font-size:25px}.mobile-mode .dashboard-grid,.mobile-mode .payment-layout{grid-template-columns:1fr}.mobile-mode .metrics{grid-template-columns:1fr 1fr;gap:11px}.mobile-mode .metric{padding:15px}.mobile-mode .metric strong{font-size:23px}.mobile-mode .three-metrics .metric:last-child{grid-column:1/-1}.mobile-mode .revenue-tabs{flex-wrap:wrap}.mobile-mode .revenue-tabs button{flex-basis:40%;font-size:11px}.mobile-mode .earning-cards>div{display:block;padding:15px}.mobile-mode .earning-cards small,.mobile-mode .earning-cards strong,.mobile-mode .earning-cards div>span:last-child{display:block}.mobile-mode .earning-cards .metric-icon{margin-bottom:10px}.mobile-mode .collection-visual{gap:22px;padding:0}.mobile-mode .donut{width:130px;height:130px}.mobile-mode .commission-focus{padding:23px}.mobile-mode .big-money{font-size:36px}.mobile-mode .commission-focus>.icon{width:32px}.mobile-mode .commission-details summary{flex-wrap:wrap}.mobile-mode .commission-details summary>span{margin-left:0;font-size:9px}.mobile-mode .brand-logo{width:42px;height:42px}.mobile-mode .bar-labels{flex-direction:column;gap:10px}
@media(max-width:360px){main{padding:17px 12px}.welcome-hero{padding:22px 18px}.hero-emblem{width:47px;height:47px;right:14px}.hero-actions button{padding:10px 11px;font-size:10px}.metric strong{font-size:21px}.metric-icon{width:23px;height:23px}.collection-visual{gap:17px}.donut{width:115px;height:115px;padding:11px}.chart-legend strong{font-size:17px}.chart-legend>div{font-size:9px}.panel{padding:19px 15px}.big-money{font-size:35px}.earning-cards strong{font-size:22px}.inventory-row{grid-template-columns:16px 29px minmax(0,1fr) 83px;gap:5px}.inventory-row .kite-photo{width:29px;height:38px}.qty-control{grid-template-columns:22px minmax(0,1fr) 22px}.stock-heading,.stock-line{grid-template-columns:minmax(85px,1.2fr) repeat(3,minmax(32px,.6fr))}}
@media(prefers-reduced-motion:no-preference){.primary,.secondary{transition:background .18s,box-shadow .18s,transform .18s}.primary:active,.secondary:active{transform:translateY(1px)}.progress-bar>span{transition:width .35s ease}}
[hidden]{display:none!important}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top,#f6e8ce,transparent 60%),#faf8f4}.auth-screen .login-card{width:min(100%,460px);margin:0;box-shadow:0 22px 70px #700d2615}.auth-screen .brand-logo{height:96px;width:96px;border-radius:22px;margin-bottom:22px}.auth-screen .eyebrow{display:block}.cloud-saving{cursor:progress}.cloud-saving button[type=submit],.cloud-saving [data-action=approve],.cloud-saving [data-action=submit-order]{opacity:.65;pointer-events:none}