:root{--ink:#2f261f;--ink-soft:#4a3f36;--muted:#8a7d72;--muted-soft:#a99c90;--paper:#fbf7f1;--linen:#f6efe6;--cream:#fdfaf5;--beige:#f1e7da;--taupe:#e7dccd;--sand:#eadbcb;--line:#ece2d6;--line-soft:#f1e9de;--card:#fdfaf5;--brown:#745034;--brown-deep:#5d3f28;--olive:#667248;--olive-soft:#e8ebdd;--sage:#8a9a6b;--terracotta:#b06a4a;--terracotta-soft:#f3e2d8;--green:#59703d;--green-bg:#e7efdf;--yellow:#966339;--yellow-bg:#f7eadb;--red:#9b583d;--red-bg:#f5e4df;--blue:#3d6d8a;--blue-bg:#dcebf2;--purple:#6d5d8a;--purple-bg:#e8e4f0;--shadow-sm:0 1px 2px #5d40280d, 0 2px 8px #5d40280a;--shadow-md:0 4px 16px #5d402812, 0 2px 6px #5d40280a;--shadow-lg:0 12px 40px #5d40281f;--r-sm:10px;--r-md:16px;--r-lg:22px;--r-xl:28px;--serif:"Georgia", "Times New Roman", serif;--sans:"Arial", "Helvetica Neue", Helvetica, sans-serif}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body{color:var(--ink);font-family:var(--sans);background-color:#0000;background-image:radial-gradient(1200px 600px at 12% -8%,#fffaf0e6,#0000 60%),radial-gradient(1000px 700px at 100% 0,#e8ebdd8c,#0000 55%),linear-gradient(#f6efe6 0%,#f3ece2 40%,#efe6d9 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;margin:0;font-size:14px;line-height:1.5}.login-page{justify-content:center;align-items:center;display:flex}.login-card{text-align:center;width:min(380px,100%)}.login-brand{justify-content:center;align-items:center;gap:8px;margin-bottom:4px;display:flex}.login-brand-leaf{font-size:26px}.login-card h1{font-family:var(--serif);color:var(--ink);margin:0;font-size:26px}.login-card>p{text-align:center}.login-card form{text-align:left}.login-error{color:var(--red);margin:-4px 0 13px;font-size:13px}.auth-gate-loading{min-height:100vh;color:var(--muted);justify-content:center;align-items:center;font-size:14px;display:flex}.app-shell{background:radial-gradient(900px 420px at 85% -5%,#ffffff8c,#0000 60%),linear-gradient(#fffcf7eb,#fbf7f1f5);border-left:1px solid #ffffff80;border-right:1px solid #ffffff80;max-width:860px;min-height:100vh;margin:0 auto;padding:22px 30px 120px;position:relative;box-shadow:0 0 60px #5d40281a}.topbar{z-index:2;justify-content:space-between;align-items:center;height:48px;display:flex;position:relative}.brand,h1,h2,h3{font-family:var(--serif);letter-spacing:-.01em}.eyebrow{text-transform:uppercase;letter-spacing:.09em;color:var(--brown);margin:0 0 6px;font-size:11px;font-weight:700}.panel-hint{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.brand{color:var(--ink);font-size:20px;font-weight:700}.brand span{color:var(--olive);margin-left:3px}.header-actions{gap:6px;display:flex}.icon-btn,.save{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:9px;transition:background .2s,color .2s,transform .15s}.icon-btn:hover{color:var(--brown);background:#74503414}.icon-btn:active{transform:scale(.94)}.customer-finder{border:1px solid var(--line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:100%;color:var(--muted);text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);background:#ffffffb3;border-radius:14px;align-items:center;gap:10px;margin:10px 0 6px;padding:13px 15px;transition:box-shadow .25s,border-color .25s,transform .15s;display:flex}.customer-finder:hover{border-color:var(--taupe);box-shadow:var(--shadow-md);transform:translateY(-1px)}.customer-finder span{flex:1;font-size:13px}.customer-finder kbd{font:11px var(--sans);background:var(--beige);color:var(--muted);border:1px solid var(--taupe);border-radius:6px;padding:3px 7px}.profile{flex-wrap:wrap;align-items:center;gap:24px;padding:34px 14px 30px;display:flex;position:relative;overflow:hidden}.profile:before{content:"❦";color:var(--olive);opacity:.05;pointer-events:none;font-size:220px;font-family:var(--serif);position:absolute;top:-30px;right:-6px;transform:rotate(-12deg)}.profile:after{content:"❀";color:var(--terracotta);opacity:.04;pointer-events:none;font-size:120px;font-family:var(--serif);position:absolute;bottom:-26px;left:8px;transform:rotate(18deg)}.avatar{color:#7a6656;background:radial-gradient(circle at 30% 25%,#f0e2d4,#e0cdbb 70%);border-radius:50%;flex:none;place-items:center;width:118px;height:118px;font-size:66px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #7450341f,0 10px 26px #5d402829}.avatar .hijab{line-height:1;font-family:var(--serif);transform:rotate(130deg)}.avatar span{color:#71804a;background:#fff;border-radius:50%;padding:6px;font-size:24px;position:absolute;bottom:4px;right:-1px;box-shadow:0 2px 8px #5d40282e}.profile-copy{z-index:1;flex:1;min-width:0;position:relative}.profile-copy h1{color:var(--ink);margin:0 0 10px;font-size:38px;line-height:1.1}.profile-copy p{color:var(--muted);align-items:center;gap:8px;margin:7px 0;font-size:13.5px;display:flex}.profile-copy p svg{color:var(--olive);flex:none}.badge{letter-spacing:.02em;background:linear-gradient(135deg,#f1e9df,#eadfce);border:1px solid #e2d4c2;border-radius:999px;width:max-content;padding:5px 12px;font-weight:600;color:#765c45!important;font-size:12px!important;display:inline-flex!important}.profile-actions{z-index:1;align-self:flex-start;gap:9px;display:flex;position:relative}.chat,.quiet{border:1px solid var(--line);color:#53713e;cursor:pointer;box-shadow:var(--shadow-sm);background:#fffc;border-radius:12px;align-items:center;gap:7px;padding:10px 15px;font-weight:600;transition:transform .15s,box-shadow .2s,background .2s;display:flex}.chat:hover,.quiet:hover{box-shadow:var(--shadow-md);background:#fff;transform:translateY(-1px)}.save{border:1px solid var(--line);color:#796349;box-shadow:var(--shadow-sm);background:#fffc;border-radius:12px;transition:transform .15s,background .2s}.save:hover{background:#fff;transform:translateY(-1px)}.saved{color:var(--terracotta);background:linear-gradient(135deg,#f4e8df,#f0dfd0)}.situation-strip{flex:100%;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;margin:4px 0 22px;display:grid}.situation-item{border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-sm);background:#ffffffb8;padding:13px 15px;transition:transform .2s,box-shadow .25s}.situation-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.situation-item small{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px;font-size:10px;font-weight:700;display:block}.situation-item b{color:var(--ink);font-size:15px;display:block}.situation-item em{color:var(--muted);margin-top:3px;font-size:11px;font-style:normal;display:block}.situation-item .situation-dot{vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.situation-item .dot-red{background:var(--terracotta)}.situation-item .dot-olive{background:var(--olive)}.situation-item .dot-sage{background:var(--sage)}.situation-item .dot-brown{background:var(--brown)}.situation-item .situation-warn{color:var(--terracotta)}.situation-item .situation-priority{color:var(--brown)}.metrics{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:26px;display:grid}.metric{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:linear-gradient(160deg,#fffdf9,#f8f1e8);padding:18px 18px 16px;transition:transform .2s,box-shadow .25s;position:relative;overflow:hidden}.metric:after{content:"";background:radial-gradient(circle,#7450340f,#0000 70%);border-radius:50%;width:70px;height:70px;position:absolute;top:-18px;right:-18px}.metric:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.metric-icon{border-radius:13px;place-items:center;width:42px;height:42px;margin-bottom:13px;display:grid}.metric-icon.olive,.olive{background:var(--olive-soft);color:var(--olive)}.metric-icon.brown{color:var(--brown);background:#eee4da}.metric-icon.sand,.sand{color:#9b6a3d;background:#f5e9de}.metric small,.metric em{color:var(--muted);font-size:11px;font-style:normal;display:block}.metric small{text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:700}.metric strong{color:var(--ink);font-size:20px;font-family:var(--serif);letter-spacing:-.01em;margin:6px 0 4px;display:block}.metric em{color:var(--olive);font-size:11.5px}.metric-progress{background:var(--beige);border-radius:99px;height:4px;margin-top:10px;overflow:hidden}.metric-progress-fill{background:linear-gradient(90deg, var(--sage), var(--olive));border-radius:99px;height:100%;transition:width .6s}.metric-track{background:var(--beige);border-radius:99px;height:5px;margin-top:12px;overflow:hidden}.metric-fill{background:linear-gradient(90deg, var(--sage), var(--olive));border-radius:99px;height:100%;transition:width .7s cubic-bezier(.2,.8,.3,1)}.metric-fill.brown{background:linear-gradient(90deg, #c9a37f, var(--brown))}.metric-fill.sand{background:linear-gradient(90deg,#e0c3a4,#b06a4a)}.tabs{border-bottom:1px solid var(--line);white-space:nowrap;scrollbar-width:none;gap:26px;margin-bottom:4px;display:flex;overflow:auto}.tabs::-webkit-scrollbar{display:none}.tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:13px 0 15px;font-size:13.5px;transition:color .2s;position:relative}.tabs button:hover{color:var(--ink-soft)}.tabs .active{color:var(--brown);font-weight:700}.tabs .active:after{content:"";background:linear-gradient(90deg, var(--brown), var(--terracotta));border-radius:99px;height:2.5px;position:absolute;bottom:-1px;left:0;right:0}.mobile-add-order{background:linear-gradient(135deg, var(--brown), var(--brown-deep));color:#fff;cursor:pointer;box-shadow:var(--shadow-md);border:0;border-radius:12px;align-items:center;gap:6px;padding:12px 14px;font-weight:700;transition:transform .15s,box-shadow .2s;display:flex}.mobile-add-order:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.content{gap:20px;padding-top:22px;display:grid}.card{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:linear-gradient(165deg,#fffdf9,#faf4ec);padding:22px 22px 20px;transition:box-shadow .25s,transform .2s;position:relative}.card:hover{box-shadow:var(--shadow-md)}.card h2{color:var(--ink);letter-spacing:-.01em;margin:0 0 4px;font-size:20px}.section-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.section-head p{color:var(--muted);margin:4px 0 0;font-size:12.5px;line-height:1.5}.section-head button,.section-head a{color:var(--brown);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:6px 10px;font-size:12.5px;font-weight:600;text-decoration:none;transition:background .2s}.section-head button:hover,.section-head a:hover{background:#74503414}.ready{background:var(--green-bg);color:var(--green);white-space:nowrap;border-radius:999px;margin-left:5px;padding:5px 10px;font-size:11px;font-weight:700}.decision-reason{border:1px solid var(--line);border-radius:var(--r-md);background:linear-gradient(135deg,#f6efe6,#f1e7da);gap:8px;margin:14px 0;padding:13px 15px;display:grid}.decision-reason div{color:var(--ink-soft);align-items:flex-start;gap:9px;font-size:12.5px;line-height:1.5;display:flex}.decision-reason svg{color:var(--olive);flex:none;margin-top:1px}.decision-expected{color:var(--brown);font-weight:700}.decision button{border:1px solid var(--line);color:var(--brown);cursor:pointer;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#fffdf9,#f6efe6);border-radius:11px;align-items:center;gap:6px;padding:10px 15px;font-size:12.5px;font-weight:700;transition:transform .15s,box-shadow .2s,background .2s;display:inline-flex}.decision button:hover{box-shadow:var(--shadow-md);background:linear-gradient(135deg,#fff,#f6eee7);transform:translateY(-1px)}.insight{background:radial-gradient(400px 200px at 90% 10%,#8a9a6b1a,#0000 60%),linear-gradient(110deg,#fbf6ee,#fff);align-items:center;gap:15px;min-height:150px;display:flex;position:relative;overflow:hidden}.insight .leaf{color:#899370;opacity:.7;font-size:55px}.insight ul{color:#6b625a;margin:0;padding-left:18px;font-size:13px;line-height:1.8}.quiet{white-space:nowrap;color:var(--brown);background:#fffaf5;margin-left:auto;padding:8px 11px}.status-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.status-grid button{text-align:left;border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;background:linear-gradient(160deg,#fffcfa,#f8f1e8);padding:15px 42px 15px 15px;transition:transform .2s,box-shadow .25s;position:relative}.status-grid button:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.status-grid .round{width:35px;height:35px;position:absolute;top:14px;right:15px}.status-grid small,.status-grid em{color:var(--muted);margin-bottom:4px;font-style:normal;display:block}.status-grid b{margin-bottom:5px;font-size:18px;display:block}.status-grid>button>svg{color:#8a8179;position:absolute;bottom:18px;right:16px}.order-row{align-items:center;gap:15px;display:flex}.order-button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;width:100%;padding:3px;transition:background .2s}.order-button:hover{background:#fcf8f4}.product-image{color:#816248;background:linear-gradient(135deg,#eee7df,#e4d8ca);border-radius:12px;place-items:center;width:83px;height:83px;display:grid}.order-row b{font-size:15px}.order-row p{color:#716862;margin:7px 0;font-size:13px;line-height:1.5}.order-row small{color:#847b73}.detail{color:#765337;cursor:pointer;background:#f4ebe4;border:0;border-radius:10px;margin-left:auto;padding:11px 14px;font-weight:600;transition:background .2s}.detail:hover{background:#ecdfd3}.contact-row{border-top:1px solid var(--line);color:#52483f;border-radius:10px;align-items:center;gap:15px;padding-top:15px;text-decoration:none;transition:color .2s,background .2s;display:flex}.contact-row:hover{color:var(--brown)}.contact-row+.contact-static{margin-top:15px}.contact-icon{width:40px;height:40px;color:var(--brown);background:linear-gradient(135deg,#f6eee7,#efe2d4);border-radius:12px;flex:0 0 40px;justify-content:center;align-items:center;display:flex}.contact-main{color:var(--ink);flex:1;gap:3px;font-size:14px;font-weight:600;display:grid}.contact-main small{color:var(--muted);font-size:11px;font-weight:400}.contact-action{color:var(--olive);white-space:nowrap;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.contact a{border-top:1px solid var(--line);color:#52483f;align-items:center;gap:15px;padding-top:14px;text-decoration:none;transition:color .2s;display:flex}.contact a:hover{color:var(--brown)}.contact a+a{margin-top:14px}.contact a span{color:var(--olive);margin-left:auto;font-size:12px}.bottom-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);z-index:2;background:#fffdfbeb;justify-content:space-around;width:100%;max-width:860px;padding:10px 12px 16px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button,.bottom-nav a{color:#847a72;cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:5px;padding:8px 17px;font-size:11px;text-decoration:none;transition:background .2s,color .2s;display:flex}.bottom-nav svg{width:21px}.bottom-nav .current{color:#694628;background:linear-gradient(135deg,#f5ece5,#f0e2d4);font-weight:700}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;background:#2d211b80;place-items:center;padding:20px;animation:.2s fadeIn;display:grid;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{border-radius:var(--r-lg);width:min(450px,100%);max-height:85vh;box-shadow:var(--shadow-lg);border:1px solid var(--line);background:linear-gradient(170deg,#fffdfb,#faf4ec);padding:26px;animation:.25s cubic-bezier(.2,.8,.3,1) modalIn;position:relative;overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.close{color:#796f67;cursor:pointer;background:0 0;border:0;font-size:28px;transition:color .2s,transform .15s;position:absolute;top:10px;right:13px}.close:hover{color:var(--brown);transform:rotate(90deg)}.chat-title{align-items:center;gap:11px;margin-bottom:22px;display:flex}.chat-title small{color:var(--muted);margin-top:3px;font-size:12px;display:block}.mini-avatar{color:#725b4b;background:linear-gradient(135deg,#e5d7cd,#dcc9b8);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:12px;font-weight:700;display:grid}.message{background:linear-gradient(135deg,#f4ece4,#efe3d6);border-radius:12px 12px 12px 2px;width:80%;margin-bottom:20px;padding:12px;font-size:14px}.composer{gap:8px;display:flex}.composer input{border:1px solid var(--line);font:inherit;background:#fff;border-radius:10px;flex:1;padding:11px}.composer button,.primary{background:linear-gradient(135deg, var(--brown), var(--brown-deep));color:#fff;cursor:pointer;border:0;border-radius:10px;padding:10px 15px;font-weight:600;transition:transform .15s,box-shadow .2s,opacity .2s}.composer button:hover,.primary:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.composer button:active,.primary:active{transform:translateY(0)}.order-modal h2{margin:17px 0 4px;font-size:29px}.muted{color:var(--muted);font-size:13px}.line-item,.total{border-bottom:1px solid var(--line);justify-content:space-between;padding:15px 0;font-size:14px;display:flex}.total{margin-bottom:17px;font-size:17px}.primary{width:100%}.order-modal-head h2{margin:0 0 4px;font-size:22px}.order-status-section{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.order-status-card{border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-sm);background:#fff;margin-top:12px;overflow:hidden}.order-status-title{align-items:center;gap:11px;padding:12px 14px;display:flex}.order-status-emoji{flex:none;font-size:22px}.order-status-title div{flex:1;gap:2px;min-width:0;display:grid}.order-status-title b{font-size:14px}.order-status-title small{color:var(--muted);font-size:11px}.order-status-grid{background:var(--line);border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.os-field{background:#fdfaf7;gap:3px;padding:9px 11px;display:grid}.os-field small{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;font-size:10px}.os-field b{font-size:12px}.order-status-blocker{color:#9a6b42;background:#fdf6ef;border-top:1px solid #f0e4d8;align-items:center;gap:6px;padding:8px 14px;font-size:11px;display:flex}.order-status-actions{border-top:1px solid var(--line);background:#fdfaf7;padding:12px 14px}.order-status-actions .action-buttons{flex-wrap:wrap;gap:7px;margin-top:8px;display:flex}.order-status-actions .action-btn{color:var(--brown);cursor:pointer;background:#fff;border:1px solid #eadfd5;border-radius:8px;padding:8px 10px;font-size:11px;font-weight:700;transition:background .2s,transform .15s}.order-status-actions .action-btn:hover{background:#f6eee7;transform:translateY(-1px)}.toast{z-index:20;color:#fff;background:#3f372f;border-radius:12px;align-items:center;gap:8px;padding:12px 18px;font-size:14px;animation:.3s cubic-bezier(.2,.8,.3,1) toastIn;display:flex;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #2a201b33}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.panel-row{text-align:left;border:0;border-top:1px solid var(--line);width:100%;color:var(--ink);cursor:pointer;background:0 0;align-items:center;gap:13px;padding:14px 0;transition:color .2s,padding-left .2s;display:flex}.panel-row .round{flex:0 0 34px;width:34px;height:34px;margin:0}.panel-row span:nth-child(2){flex:1;font-size:14px}.panel-row:hover{color:var(--brown);padding-left:4px}@media (max-width:600px){.app-shell{padding:13px 17px 100px}.brand{font-size:19px}.profile{gap:14px;padding:24px 4px 22px}.avatar{width:82px;height:82px;font-size:46px}.profile-copy h1{font-size:27px}.profile-copy p{font-size:12px}.profile-actions{flex-wrap:wrap;gap:7px}.profile-actions .chat,.profile-actions .add-order{padding:8px 12px;font-size:13px}.profile-actions .save{padding:8px}.situation-strip{grid-template-columns:repeat(2,1fr);gap:8px}.situation-item{padding:11px 13px}.metrics{grid-template-columns:repeat(2,1fr);gap:9px}.metric{padding:14px 14px 13px}.metric-icon{width:36px;height:36px;margin-bottom:9px}.metric-icon svg{width:18px}.metric small,.metric em{font-size:10px}.metric strong{font-size:16px}.tabs{gap:22px;margin:0 -17px;padding:0 17px}.tabs button{font-size:12px}.card{padding:17px}.insight{display:block}.insight .leaf{display:none}.insight ul{font-size:12px}.quiet{margin:12px 0 0}.status-grid{grid-template-columns:1fr}.status-grid button{min-height:89px}.order-row{align-items:flex-start}.product-image{flex:0 0 62px;width:62px;height:62px}.detail{display:none}.bottom-nav{padding-bottom:10px}.bottom-nav button,.bottom-nav a{padding:7px 9px}.bottom-nav span{font-size:10px}}.quick-payment label{color:var(--ink);gap:6px;margin:14px 0;font-size:12px;font-weight:700;display:grid}.quick-payment-back{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;margin-bottom:10px;padding:0;font-size:12px;font-weight:600;display:inline-flex}.quick-payment-back:hover{color:var(--brown)}.quick-payment-order-list{gap:8px;display:grid}.quick-payment-order-row{border:1px solid var(--line);cursor:pointer;text-align:left;font:inherit;background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:11px 13px;transition:border-color .15s,background .15s;display:flex}.quick-payment-order-row b{color:var(--ink);font-size:13px;display:block}.quick-payment-order-row small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.quick-payment-order-row.active{border-color:var(--brown);background:#7450340d}.quick-payment-order-sisa{color:var(--terracotta);white-space:nowrap;font-size:12px;font-weight:700}.quick-payment-preview{color:var(--muted);margin:4px 0 14px;font-size:12.5px}.quick-payment-preview b{color:var(--brown)}.quick-payment-success{text-align:center;padding:10px 0 4px}.quick-payment-success-icon{width:54px;height:54px;color:var(--olive);background:linear-gradient(135deg,#e7efdf,#dbe8cf);border-radius:50%;justify-content:center;align-items:center;margin-bottom:14px;display:inline-flex}.quick-payment-success h2{margin:0 0 8px}.quick-payment-success p{margin:0 0 6px;font-size:13px}.quick-payment-success .form-actions{justify-content:center;margin-top:16px}
.find-input{border:1px solid var(--taupe);box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;align-items:center;gap:8px;margin:17px 0;padding:0 12px;display:flex}.find-input input{width:100%;font:inherit;background:0 0;border:0;outline:0;padding:12px 0}.new-customer{width:100%;color:var(--brown);text-align:left;cursor:pointer;background:linear-gradient(135deg,#fffaf6,#fbf3ea);border:1px dashed #b79a80;border-radius:12px;margin-bottom:8px;padding:12px;font-weight:700;transition:background .2s,transform .15s}.new-customer:hover{background:#fffaf6;transform:translateY(-1px)}.customer-result{border:0;border-top:1px solid var(--line);text-align:left;cursor:pointer;width:100%;color:var(--ink);background:0 0;align-items:center;gap:10px;padding:12px 0;transition:color .2s,padding-left .2s;display:flex}.customer-result:hover{color:var(--brown);padding-left:4px}.customer-result>span:nth-child(2){flex:1;font-size:13px}.customer-result .mini-avatar{flex:0 0 40px}.new-form>p{color:var(--muted);margin-bottom:19px;font-size:13px;line-height:1.5}.new-form label{gap:7px;margin:13px 0;font-size:13px;font-weight:700;display:grid}.new-form input{border:1px solid var(--line);font:inherit;background:#fff;border-radius:10px;padding:11px;font-weight:400}.new-form .primary{margin-top:9px}.new-form .primary:disabled{cursor:not-allowed;background:#b9ada2}.action-center .section-head p{color:var(--muted);margin:3px 0 0;font-size:12px}.action-center .section-head .ready{margin-left:auto}.action-item{border:0;border-top:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:13px;width:100%;padding:14px 2px;transition:background .2s,padding-left .2s;display:flex}.action-item:hover{background:#7450340d;padding-left:8px}.action-priority{background:var(--beige);border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:17px;display:grid}.action-item[data-priority=red] .action-priority{background:var(--red-bg)}.action-item[data-priority=yellow] .action-priority{background:var(--yellow-bg)}.action-item[data-priority=green] .action-priority{background:var(--green-bg)}.action-item[data-priority=blue] .action-priority{background:var(--blue-bg)}.action-copy{flex:1;gap:3px;display:grid}.action-copy b{color:var(--ink);font-size:13.5px}.action-copy small{color:var(--muted);font-size:11.5px}.action-item>svg{color:var(--brown)}.attention{padding-bottom:10px}.attention-head{align-items:center;gap:13px;display:flex}.attention-head .round{width:42px;height:42px;margin:0}.attention h2{margin:0;font-size:19px}.attention p{color:var(--muted);margin:3px 0 14px;font-size:12px}.attention>button{border:0;border-top:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;border-radius:8px;width:100%;padding:13px 28px 13px 0;transition:background .2s,padding-left .2s;position:relative}.attention>button:hover{background:#7450340a;padding-left:6px}.attention>button b,.attention>button span{display:block}.attention>button b{font-size:13.5px}.attention>button span{color:var(--muted);margin-top:3px;font-size:12px}.attention>button svg{color:var(--brown);position:absolute;top:18px;right:0}.fulfillment .section-head h2,.ledger .section-head h2{margin-bottom:3px}.fulfillment .section-head p,.ledger .section-head p{color:var(--muted);margin:0;font-size:12px}.decision{border-radius:var(--r-md);background:radial-gradient(300px 140px at 100% 0,#8a9a6b1a,#0000 60%),linear-gradient(135deg,#f6eee7,#f1e6da);border:1px solid #eadfce;margin-top:14px;padding:16px 17px;position:relative;overflow:hidden}.decision:before{content:"❦";color:var(--olive);opacity:.06;font-size:90px;font-family:var(--serif);pointer-events:none;position:absolute;bottom:-18px;right:8px}.decision b{color:var(--ink);font-size:14px;display:block}.decision p{color:var(--muted);margin:5px 0 0;font-size:12.5px;line-height:1.6}.decision button{background:linear-gradient(135deg, var(--brown), var(--brown-deep));color:#fff;cursor:pointer;border:0;border-radius:9px;margin-top:12px;padding:9px 12px;font-size:12px;font-weight:700;transition:transform .15s,box-shadow .2s}.decision button:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.decision-reason{border-top:1px dashed #7450342e;gap:8px;margin-top:12px;padding-top:12px;display:grid}.decision-reason div{color:var(--ink-soft);align-items:flex-start;gap:8px;font-size:12.5px;display:flex}.decision-reason div svg{color:var(--olive);flex:none;margin-top:1px}.decision-reason div span{color:var(--muted)}.decision-reason .decision-expected{color:var(--brown);font-weight:700}.product-cards .section-head p{color:var(--muted);margin:3px 0 0;font-size:12px}.product-card{border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-sm);background:linear-gradient(170deg,#fffdf9,#faf4ec);margin-top:14px;transition:box-shadow .25s,transform .2s;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.product-card.done{opacity:.82}.product-card-head{cursor:pointer;align-items:center;gap:12px;padding:14px 15px;transition:background .2s;display:flex}.product-card-head:hover{background:#7450340a}.product-card-emoji{background:var(--beige);border-radius:13px;flex:none;place-items:center;width:46px;height:46px;font-size:26px;display:grid}.product-card-title{flex:1;gap:3px;min-width:0;display:grid}.product-card-title b{color:var(--ink);font-size:14.5px}.product-card-title small{color:var(--muted);font-size:11px}.status-chip{white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:10.5px;font-weight:700}.status-chip.po,.status-chip.waiting{background:var(--yellow-bg);color:var(--yellow)}.status-chip.production,.status-chip.qc{background:var(--purple-bg);color:var(--purple)}.status-chip.ready,.status-chip.done{background:var(--green-bg);color:var(--green)}.status-chip.packing,.status-chip.resi{background:var(--purple-bg);color:var(--purple)}.status-chip.shipped{background:var(--blue-bg);color:var(--blue)}.status-chip.retur{background:var(--red-bg);color:var(--red)}.chevron{color:var(--brown);transition:transform .25s}.chevron.open{transform:rotate(90deg)}.product-card-grid{background:var(--line);border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.psc-field{background:#fdfaf7;gap:4px;padding:11px 13px;display:grid}.psc-field small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:9.5px;font-weight:700}.psc-field b{font-size:12.5px}.psc-value.unpaid,.psc-value.red{color:var(--red)}.psc-value.dp,.psc-value.yellow{color:var(--yellow)}.psc-value.partial{color:#a06e3a}.psc-value.paid,.psc-value.green{color:var(--green)}.psc-value.refund,.psc-value.blue{color:var(--blue)}.psc-value.problem,.psc-value.cancel{color:#9b3d3d}.psc-value.hold{color:var(--yellow)}.psc-value.combine{color:var(--green)}.psc-value.separate{color:var(--blue)}.psc-value.priority{color:#9a6b42}.psc-value.retur{color:var(--red)}.psc-value.none{color:var(--muted)}.product-card-next{border-top:1px solid var(--line);background:linear-gradient(90deg,#fbf7f2,#f8f1e8);align-items:center;gap:9px;padding:11px 15px;display:flex}.next-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:9.5px;font-weight:700}.next-value{font-size:12.5px}.next-value.red{color:var(--red)}.next-value.yellow{color:var(--yellow)}.next-value.green{color:var(--green)}.next-value.blue{color:var(--blue)}.next-value.none{color:var(--muted)}.product-card-edit-link{border-top:1px solid var(--line);color:var(--brown);align-items:center;gap:6px;padding:10px 15px;font-size:12px;font-weight:600;text-decoration:none;transition:background .15s;display:flex}.product-card-edit-link:hover{background:#7450340a}.product-card-blocker{color:#9a6b42;background:#fdf6ef;border-top:1px solid #f0e4d8;align-items:center;gap:6px;padding:9px 15px;font-size:11.5px;display:flex}.product-card-actions{border-top:1px solid var(--line);background:#fdfaf7;padding:13px 15px}.action-buttons{flex-wrap:wrap;gap:7px;margin-top:8px;display:flex}.action-btn{color:var(--brown);cursor:pointer;background:#fff;border:1px solid #eadfd5;border-radius:9px;padding:8px 11px;font-size:11px;font-weight:700;transition:background .2s,transform .15s,box-shadow .2s}.action-btn:hover{box-shadow:var(--shadow-sm);background:#f6eee7;transform:translateY(-1px)}.product-card-timeline{margin-top:6px}.mini-timeline{border-top:1px dashed var(--line);gap:10px;padding:6px 0;font-size:12px;display:flex}.mini-timeline time{color:var(--brown);min-width:44px;font-size:11px;font-weight:700}.mini-timeline span{color:var(--ink)}.relation-summary .section-head p{color:var(--muted);margin:3px 0 0;font-size:12px}.relation-grid{grid-template-columns:repeat(3,1fr);gap:11px;margin-top:15px;display:grid}.relation-item{border:1px solid var(--line);border-radius:var(--r-md);text-align:left;cursor:pointer;background:linear-gradient(165deg,#fffdf9,#f8f1e8);flex-direction:column;gap:10px;padding:15px;transition:transform .2s,box-shadow .25s;display:flex;position:relative}.relation-item:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.relation-item .relation-icon{width:38px;height:38px;color:var(--brown);background:linear-gradient(135deg,#f6eee7,#efe2d4);border-radius:12px;justify-content:center;align-items:center;display:flex}.relation-item>div{gap:3px;display:grid}.relation-item small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:9.5px;font-weight:700}.relation-item b{color:var(--ink);font-size:13.5px}.relation-item em{color:var(--olive);font-size:11px;font-style:normal}.relation-item>svg{color:var(--brown);position:absolute;top:14px;right:12px}.timeline{position:relative}.timeline .section-head p{color:var(--muted);margin:3px 0 0;font-size:12px}.timeline>div:not(.section-head){border-top:1px solid var(--line);gap:16px;padding:14px 0;display:flex;position:relative}.timeline>div:not(.section-head):before{content:"";background:linear-gradient(180deg, var(--taupe), transparent);width:2px;position:absolute;top:0;bottom:0;left:52px}.timeline>div:not(.section-head):first-of-type:before{top:50%}.timeline>div:not(.section-head):last-of-type:before{bottom:50%}.timeline time{color:var(--brown);z-index:1;min-width:44px;padding-top:2px;font-size:12px;font-weight:700;position:relative}.timeline p{z-index:1;margin:0;font-size:13px;position:relative}.timeline p b,.timeline p span{display:block}.timeline p b{color:var(--ink)}.timeline p span{color:var(--muted);margin-top:4px;font-size:12px}.contact-static{border-top:1px solid var(--line);color:#52483f;align-items:center;gap:15px;padding-top:15px;display:flex}.contact-static+.contact-static{margin-top:15px}.contact-main{gap:3px;color:var(--ink)!important;margin:0!important;font-size:14px!important;display:grid!important}.contact-main small{color:var(--muted);font-size:11px}.payment-panel .section-head p{color:var(--muted);margin:3px 0 0;font-size:12px}.payment-row{border-top:1px solid var(--line);padding:16px 0}.payment-main{justify-content:space-between;gap:12px;display:flex}.payment-main b{color:var(--ink);font-size:14px}.payment-main strong{white-space:nowrap;color:var(--ink);font-size:15px}.payment-main p{color:var(--muted);margin:6px 0 0;font-size:12px}.payment-status{border-radius:999px;margin-left:5px;padding:4px 8px;font-size:10px;font-weight:700;display:inline-block}.payment-status.paid{background:var(--green-bg);color:var(--green)}.payment-status.dp{background:var(--yellow-bg);color:var(--yellow)}.payment-status.unpaid{background:var(--red-bg);color:var(--red)}.payment-progress{color:var(--brown);margin:10px 0 0;font-size:12px}.follow-up{color:var(--muted);background:#fcf8f4;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding:9px 11px;font-size:11px;display:flex}.follow-up select{font:inherit;color:var(--brown);cursor:pointer;background:0 0;border:0;max-width:190px;font-weight:700}.payment-summary{border:1px solid var(--line);border-radius:var(--r-md);background:linear-gradient(135deg,#fbf7f2,#f6eee6);grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0;padding:13px;display:grid}.payment-summary span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;gap:4px;font-size:10px;font-weight:700;display:grid}.payment-summary b{color:var(--ink);text-transform:none;letter-spacing:0;font-size:13px}.payment-summary span:last-child b{color:#9b6634}.payment-actions{gap:8px;margin-top:12px;display:flex}.payment-actions button{color:var(--brown);cursor:pointer;background:#fff;border:1px solid #eadfd5;border-radius:9px;padding:8px 10px;font-size:11px;font-weight:700;transition:background .2s,transform .15s}.payment-actions button:hover{background:#f6eee7;transform:translateY(-1px)}.payment-actions button:first-child{background:linear-gradient(135deg, var(--brown), var(--brown-deep));color:#fff;border-color:#0000}.payment-edit-modal{max-height:90vh;overflow:auto}.payment-edit-modal h2{margin:0 0 4px;font-size:24px}.payment-edit-order{color:var(--muted);margin:0 0 14px;font-size:12px}.payment-edit-summary{background:linear-gradient(135deg,#fbf7f2,#f6eee6);border-radius:12px;gap:6px;margin-bottom:14px;padding:13px;display:grid}.payment-edit-summary div{justify-content:space-between;font-size:12px;display:flex}.payment-edit-summary span{color:var(--muted)}.payment-edit-summary b{color:var(--ink)}.payment-edit-modal>label{gap:6px;margin:13px 0;font-size:12px;font-weight:700;display:grid}.payment-edit-modal input{border:1px solid var(--line);font:inherit;color:var(--ink);background:#fff;border-radius:10px;width:100%;padding:10px}.payment-status-options{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.payment-status-options button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:5px;padding:10px 8px;font-size:11px;font-weight:700;transition:border-color .2s,background .2s;display:flex}.payment-status-options button.selected{border-color:var(--brown);color:var(--brown);background:#f6eee7}.payment-edit-preview{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:16px;padding-top:13px;display:flex}.payment-edit-preview span{color:var(--muted);font-size:12px}.payment-edit-preview b{color:#9b6634;font-size:17px}.payment-edit-modal .form-actions{margin-top:14px}.shipment-filter{background:linear-gradient(135deg,#fbf7f2,#f6eee6);border-radius:10px;margin:12px 0 5px;padding:10px 12px}.shipment-filter label{color:var(--muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.shipment-filter select{color:var(--brown);font:inherit;cursor:pointer;background:0 0;border:0;font-weight:700}.shipment-filter span{color:var(--muted);margin-top:6px;font-size:10px;display:block}.shipment-row{border:0;border-top:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;border-radius:8px;width:100%;padding:15px 28px 15px 0;transition:background .2s,padding-left .2s;position:relative}.shipment-row:hover{background:#7450340a;padding-left:6px}.shipment-row b{color:var(--ink);font-size:14px}.shipment-row p{color:var(--muted);align-items:center;gap:5px;margin:7px 0 0;font-size:12px;display:flex}.shipment-row>svg{color:var(--brown);position:absolute;top:31px;right:0}.estimate{border-left:3px solid #e7ddd4;gap:3px;margin-top:10px;padding-left:10px;display:grid}.estimate span{color:#9a6b42;font-size:12px}.estimate b{color:var(--olive);font-size:12px}.logistics{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:5px 12px;padding:14px 0;display:grid}.logistics small{color:var(--muted);font-size:11px}.logistics b{font-size:13px}.ledger-total,.ledger-row,.ledger-balance{border-top:1px solid var(--line);justify-content:space-between;padding:12px 0;font-size:13px;display:flex}.ledger-total b{color:var(--ink);font-size:17px}.ledger-row b{color:var(--olive)}.ledger-balance{background:linear-gradient(135deg,#fff8f2,#f8efe6);margin:0 -20px;padding:13px 20px}.ledger-balance b{color:#9b6634}.ledger>small{color:var(--muted);margin-top:10px;font-size:11px;line-height:1.4;display:block}.marketer-row{border-top:1px solid var(--line);align-items:center;gap:13px;padding:14px 0;display:flex}.marketer-row .mini-avatar{flex:0 0 42px;width:42px;height:42px}.marketer-info{flex:1;gap:3px;display:grid}.marketer-info b{color:var(--ink);font-size:14px}.marketer-info small{color:var(--muted);font-size:11px}.marketer-role{border-radius:999px;padding:5px 10px;font-size:10px;font-weight:700}.marketer-role.utama{background:var(--green-bg);color:var(--green)}.marketer-role.aktif{background:var(--yellow-bg);color:var(--yellow)}.batch-row{border-top:1px solid var(--line);align-items:center;gap:13px;padding:14px 0;display:flex}.batch-icon{width:40px;height:40px;color:var(--brown);background:linear-gradient(135deg,#f6eee7,#efe2d4);border-radius:12px;flex:0 0 40px;justify-content:center;align-items:center;display:flex}.batch-info{flex:1;gap:2px;display:grid}.batch-info b{color:var(--ink);font-size:13.5px}.batch-info small{color:var(--muted);font-size:11px}.batch-right{justify-items:end;gap:4px;display:grid}.batch-status{border-radius:999px;padding:5px 10px;font-size:10px;font-weight:700}.batch-status.produksi{background:var(--yellow-bg);color:var(--yellow)}.batch-status.ready{background:var(--green-bg);color:var(--green)}.batch-status.selesai{background:var(--purple-bg);color:var(--purple)}.batch-right em{color:var(--muted);font-size:10px;font-style:normal}.resi-row{border-top:1px solid var(--line);align-items:center;gap:13px;padding:14px 0;display:flex}.resi-icon{width:40px;height:40px;color:var(--brown);background:linear-gradient(135deg,#f6eee7,#efe2d4);border-radius:12px;flex:0 0 40px;justify-content:center;align-items:center;display:flex}.resi-info{flex:1;gap:2px;display:grid}.resi-info b{letter-spacing:.3px;color:var(--ink);font-size:13.5px}.resi-info small{color:var(--muted);font-size:11px}.resi-right{justify-items:end;gap:4px;display:grid}.resi-status{border-radius:999px;padding:5px 10px;font-size:10px;font-weight:700}.resi-status.dikirim{background:var(--yellow-bg);color:var(--yellow)}.resi-status.dalam-perjalanan{background:var(--green-bg);color:var(--green)}.resi-status.sampai{background:var(--purple-bg);color:var(--purple)}.resi-right em{color:var(--muted);font-size:10px;font-style:normal}.address-section{padding:4px 0 10px}.address-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.address-head h2{margin:0;font-size:19px}.add-address-btn{background:linear-gradient(135deg, var(--brown), var(--brown-deep));color:#fff;cursor:pointer;border:0;border-radius:10px;align-items:center;gap:5px;padding:9px 12px;font-size:12px;font-weight:700;transition:transform .15s,box-shadow .2s;display:flex}.add-address-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.address-sub{color:var(--muted);margin:0 0 14px;font-size:12px;line-height:1.5}.address-card{border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-sm);background:linear-gradient(165deg,#fffdf9,#f8f1e8);margin-bottom:12px;padding:15px;transition:box-shadow .25s,transform .2s}.address-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.address-card.default{background:linear-gradient(165deg,#fffdf9,#f6eee6);border-color:#d9c9b4}.address-card-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.address-card-head b{color:var(--ink);font-size:13.5px}.address-card-head .default-tag{background:var(--green-bg);color:var(--green);border-radius:999px;padding:4px 9px;font-size:9.5px;font-weight:700}.address-card p{color:var(--ink-soft);margin:0 0 10px;font-size:12.5px;line-height:1.6}.address-card-actions{gap:8px;display:flex}.address-card-actions button{color:var(--brown);cursor:pointer;background:#fff;border:1px solid #eadfd5;border-radius:8px;padding:7px 10px;font-size:11px;font-weight:700;transition:background .2s,transform .15s}.address-card-actions button:hover{background:#f6eee7;transform:translateY(-1px)}.address-card-actions button:first-child{background:linear-gradient(135deg, var(--brown), var(--brown-deep));color:#fff;border-color:#0000}.address-form h2{margin:0 0 4px;font-size:22px}.address-form>p.eyebrow{margin-bottom:4px}.address-form label{color:var(--muted);gap:6px;margin:14px 0;font-size:12px;font-weight:700;display:grid}.address-form input,.address-form textarea{border:1px solid var(--line);font:inherit;color:var(--ink);background:#fff;border-radius:10px;width:100%;padding:11px 13px;font-size:13.5px;transition:border-color .2s,box-shadow .2s}.address-form input:focus,.address-form textarea:focus{border-color:var(--taupe);outline:none;box-shadow:0 0 0 3px #b8a9992e}.address-form textarea{resize:vertical;min-height:70px}.address-form .form-actions{margin-top:16px}.address-form .form-actions .primary{justify-content:center;width:100%}.form-actions{gap:8px;display:flex}.form-actions button{color:var(--brown);cursor:pointer;background:#fff;border:1px solid #eadfd5;border-radius:9px;padding:10px 14px;font-size:12px;font-weight:700;transition:background .2s,transform .15s}.form-actions button:hover{background:#f6eee7;transform:translateY(-1px)}.form-actions button:first-child{background:linear-gradient(135deg, var(--brown), var(--brown-deep));color:#fff;border-color:#0000}.product-card-edit-btn{border:1px solid var(--line);background:var(--card);width:26px;height:26px;color:var(--muted);cursor:pointer;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.product-card-edit-btn:hover{color:#745034;background:#f0e6d8;border-color:#d4b896}.product-card-edit-modal{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--taupe) transparent;max-height:85vh;overflow-y:auto}.product-card-edit-modal::-webkit-scrollbar{width:6px}.product-card-edit-modal::-webkit-scrollbar-track{background:0 0}.product-card-edit-modal::-webkit-scrollbar-thumb{background:var(--taupe);border-radius:99px}.product-card-edit-modal h2{color:var(--ink);margin:0 0 4px;font-size:22px}.product-card-edit-modal>p{color:var(--muted);margin:0 0 16px;font-size:12px;line-height:1.5}.product-card-edit-modal label{color:var(--muted);margin-bottom:12px;font-size:12px;font-weight:600;display:block}.product-card-edit-modal input,.product-card-edit-modal textarea,.product-card-edit-modal select{border:1px solid var(--line);background:var(--card);width:100%;color:var(--ink);border-radius:8px;outline:none;margin-top:5px;padding:10px 12px;font-size:14px;transition:border-color .15s}.product-card-edit-modal input:focus,.product-card-edit-modal textarea:focus,.product-card-edit-modal select:focus{border-color:#b08d57}.product-card-edit-modal textarea{resize:vertical;min-height:70px}.product-card-edit-modal .form-actions{border-top:1px solid var(--line);background:linear-gradient(#0000,#faf4ec 30%);gap:8px;margin-top:16px;padding-top:14px;padding-bottom:4px;display:flex;position:sticky;bottom:0}.product-card-edit-modal .form-actions button{flex:1}.order-status-primary{border:1px solid var(--line);background:linear-gradient(170deg,#fff,#fbf6ef);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding:12px 14px;display:flex}.order-status-primary .psc-value{font-size:13px;font-weight:700}.order-status-next{align-items:center;gap:8px;display:inline-flex}.order-status-next small{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:700}.order-status-next .psc-value{font-size:12.5px}@media (max-width:600px){.relation-grid{grid-template-columns:repeat(2,1fr);gap:9px}.relation-item{padding:12px}.product-card-grid{grid-template-columns:repeat(2,1fr)}.payment-summary{grid-template-columns:1fr;gap:10px}.payment-status-options{grid-template-columns:repeat(2,1fr)}.timeline>div:not(.section-head):before{left:40px}.timeline time{min-width:34px;font-size:11px}.decision{padding:14px}.address-card-actions{flex-wrap:wrap}}
.products-page .topbar{background:var(--paper);z-index:5;position:sticky;top:0}a.icon-btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.cart-badge{color:#fff;background:#c0392b;border-radius:50%;place-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:grid;position:absolute;top:2px;right:2px}.header-actions .icon-btn{position:relative}.products-hero{color:#fff;background:linear-gradient(135deg,#745034,#8a6a4a);border-radius:16px;margin:14px 0 16px;padding:26px 24px}.products-hero h1{margin:0 0 5px;font-size:26px}.products-hero p{opacity:.85;margin:0;font-size:13px}.products-search{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:10px;margin-bottom:14px;padding:10px 14px;display:flex}.products-search input{font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:14px}.filter-btn{color:var(--brown);cursor:pointer;background:#f5ece5;border:0;border-radius:8px;place-items:center;padding:8px;display:grid}.category-chips{scrollbar-width:none;gap:8px;margin-bottom:4px;padding-bottom:12px;display:flex;overflow-x:auto}.category-chips::-webkit-scrollbar{display:none}.category-chips button{border:1px solid var(--line);white-space:nowrap;cursor:pointer;color:#6b625a;background:#fff;border-radius:20px;padding:8px 14px;font-size:13px}.category-chips button.active{background:var(--brown);color:#fff;border-color:var(--brown)}.products-toolbar{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:14px;font-size:13px;display:flex}.products-toolbar label{align-items:center;gap:6px;display:flex}.products-toolbar select{border:1px solid var(--line);font:inherit;color:var(--ink);background:#fff;border-radius:8px;padding:6px 8px;font-size:13px}.product-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.product-card{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;transition:transform .15s,box-shadow .15s;overflow:hidden}.product-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px #5d422620}.product-thumb{aspect-ratio:1;background:linear-gradient(145deg,#f7f1ea,#efe6dc);place-items:center;display:grid;position:relative}.product-emoji{font-size:52px}.product-emoji.large{font-size:90px}.product-badge{color:#fff;background:#c0392b;border-radius:6px;padding:4px 8px;font-size:10px;font-weight:700;position:absolute;top:10px;left:10px}.product-wishlist{cursor:pointer;color:#8a8179;background:#fff;border:0;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:10px;right:10px;box-shadow:0 2px 8px #00000014}.product-wishlist:hover{color:#c0392b}.product-info{padding:12px 13px 14px}.product-info h3{min-height:35px;margin:0 0 4px;font-family:Arial,sans-serif;font-size:13px;font-weight:600;line-height:1.35}.product-desc{color:var(--muted);margin:0 0 6px;font-size:11px}.product-price{margin-bottom:10px}.product-price b{color:var(--brown);font-size:15px;display:block}.product-price s{color:#a89f97;font-size:11px}.product-add{border:1px solid var(--brown);width:100%;color:var(--brown);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:8px;font-size:12px;font-weight:600;transition:background .15s,color .15s;display:flex}.product-add:hover{background:var(--brown);color:#fff}.empty-state{text-align:center;color:var(--muted);padding:50px 20px}.empty-state span{margin-bottom:12px;font-size:44px;display:block}.empty-state h3{color:var(--ink);margin:0 0 6px;font-family:Georgia,serif}.cart-bar{color:#fff;z-index:6;background:#3f372f;border-radius:14px;justify-content:space-between;align-items:center;width:calc(100% - 40px);max-width:840px;padding:13px 16px;display:flex;position:fixed;bottom:78px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #2a201b44}.cart-bar-info b{font-size:14px;display:block}.cart-bar-info span{opacity:.8;font-size:12px}.cart-bar button{color:#3f372f;cursor:pointer;background:#fff;border:0;border-radius:9px;align-items:center;gap:5px;padding:9px 14px;font-size:13px;font-weight:700;display:flex}.product-detail{width:min(420px,100%)}.detail-thumb{background:linear-gradient(145deg,#f7f1ea,#efe6dc);border-radius:12px;place-items:center;margin-bottom:18px;padding:30px;display:grid}.detail-category{color:#765c45;background:#f1e9df;border-radius:6px;margin-bottom:10px;padding:4px 9px;font-size:11px;font-weight:600;display:inline-block}.detail-body h2{margin:0 0 6px;font-size:22px}.detail-body p{color:var(--muted);margin:0 0 14px;font-size:13px}.detail-price{margin-bottom:18px}.detail-price b{color:var(--brown);font-size:24px;display:block}.detail-price s{color:#a89f97;font-size:14px}.info-tabs{scrollbar-width:none;gap:8px;margin-bottom:14px;padding-bottom:12px;display:flex;overflow-x:auto}.info-tabs::-webkit-scrollbar{display:none}.info-tabs button{border:1px solid var(--line);white-space:nowrap;cursor:pointer;color:#6b625a;background:#fff;border-radius:20px;padding:8px 14px;font-size:13px}.info-tabs button.active{background:var(--brown);color:#fff;border-color:var(--brown)}.info-section{gap:12px;display:grid}.info-section h2{margin:0;font-family:Georgia,serif;font-size:20px}.info-sub{color:var(--muted);margin:-6px 0 4px;font-size:13px}.info-card{border:1px solid var(--line);background:#fff;border-radius:13px;align-items:center;gap:14px;padding:15px 16px;display:flex}.info-emoji{background:#f5ece5;border-radius:10px;flex:0 0 44px;place-items:center;width:44px;height:44px;font-size:26px;display:grid}.info-main{flex:1}.info-main b{margin-bottom:3px;font-size:14px;display:block}.info-main small{color:var(--muted);font-size:12px;line-height:1.5;display:block}.info-price{color:var(--brown);white-space:nowrap;font-size:14px;font-weight:700}.shopee-row{border-top:1px dashed var(--line);justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;display:flex}.shopee-row span{color:var(--muted);font-size:12px}.shopee-row b{color:var(--ink);margin:0;font-size:13px}.shopee-link{color:var(--brown);align-items:center;gap:5px;margin-top:10px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.shopee-link:hover{text-decoration:underline}.info-note{background:#fbf6ee;border:1px solid #f0e6d8;border-radius:13px;padding:15px 16px}.info-note b{font-size:13px}.info-note ul{color:#6b625a;margin:8px 0 0;padding-left:18px;font-size:12px;line-height:1.8}.rekening-number{align-items:center;gap:8px;margin:8px 0 4px;display:flex}.rekening-number b{letter-spacing:1px;color:var(--ink);margin:0;font-size:16px}.rekening-number button{border:1px solid var(--line);cursor:pointer;color:var(--brown);background:#fff;border-radius:6px;place-items:center;padding:4px 7px;display:grid}.rekening-number button:hover{background:#f5ece5}.detail-variants{margin-bottom:14px}.detail-variants small{color:var(--muted);margin-bottom:7px;font-size:12px;display:block}.variant-chips{flex-wrap:wrap;gap:6px;display:flex}.variant-chips span{color:#765c45;background:#f5ece5;border-radius:15px;padding:5px 10px;font-size:12px}.products-toolbar .toolbar-actions{align-items:center;gap:12px;display:flex}.add-product-btn{border:1px solid var(--brown);background:var(--brown);color:#fff;cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:7px 12px;font-size:12px;font-weight:600;display:inline-flex}.add-product-btn:hover{background:#5d3a24}.product-card.inactive{opacity:.55}.product-inactive-tag{color:#fff;background:#6b625a;border-radius:5px;padding:3px 7px;font-size:10px;font-weight:600;position:absolute;bottom:10px;left:10px}.product-card-actions{gap:6px;display:flex}.product-card-actions .product-add{flex:1}.product-edit{border:1px solid var(--line);color:var(--brown);cursor:pointer;background:#fff;border-radius:8px;place-items:center;padding:8px 10px;display:grid}.product-edit:hover{background:#f5ece5}.product-metrics{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.metric-chip{border-radius:5px;padding:3px 7px;font-size:10px;font-weight:600}.metric-chip.discount{color:#d97706;background:#fef3e2}.metric-chip.profit{color:#2e7d32;background:#e8f5e9}.detail-metrics{background:#fbf6ee;border:1px solid #f0e6d8;border-radius:12px;gap:8px;margin-bottom:16px;padding:14px;display:grid}.detail-metric-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.detail-metric-row span{color:var(--muted)}.detail-metric-row b{color:var(--ink)}.detail-metric-row.highlight{background:#e8f5e9;border-radius:8px;margin:-4px;padding:8px 10px}.detail-metric-row.highlight span{color:#2e7d32;font-weight:600}.detail-metric-row.highlight b{color:#2e7d32;font-size:15px}.detail-actions{gap:8px;display:flex}.detail-actions .primary,.detail-actions .secondary{flex:1}.product-form{width:min(460px,100%);max-height:90vh;overflow-y:auto}.product-form label{color:var(--ink);margin-bottom:14px;font-size:13px;font-weight:600;display:block}.product-form input,.product-form select,.product-form textarea{border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);background:#fff;border-radius:10px;margin-top:6px;padding:10px 12px;font-size:14px}.product-form textarea{resize:vertical;min-height:70px}.form-grid-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.hpp-total-preview{border:1px solid var(--line);color:var(--muted);background:#f7f2ea;border-radius:10px;margin-bottom:14px;padding:10px 12px;font-size:13px}.hpp-total-preview b{color:var(--ink);font-family:var(--serif);font-size:15px}.discount-input-row{gap:8px;margin-top:6px;display:flex}.discount-input-row select{flex:0 0 130px;margin-top:0}.discount-input-row input{flex:1;margin-top:0}.emoji-picker{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.emoji-picker button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;place-items:center;width:38px;height:38px;font-size:19px;display:grid}.emoji-picker button.selected{border-color:var(--brown);background:#f5ece5}.checkbox-label{align-items:center;gap:8px;font-weight:500!important;display:flex!important}.checkbox-label input{width:auto;margin:0}.form-preview{background:#fbf6ee;border:1px solid #f0e6d8;border-radius:12px;gap:6px;margin-bottom:16px;padding:14px;display:grid}.form-preview div{justify-content:space-between;font-size:13px;display:flex}.form-preview span{color:var(--muted)}.form-preview b{color:var(--ink)}.form-preview .highlight{background:#e8f5e9;border-radius:8px;margin:-4px;padding:8px 10px}.form-preview .highlight span{color:#2e7d32;font-weight:600}.form-preview .highlight b{color:#2e7d32;font-size:15px}.form-actions{gap:8px;display:flex}.form-actions .primary,.form-actions .danger{flex:1}.confirm-modal{text-align:center;width:min(360px,100%)}.confirm-modal h2{margin:0 0 10px;font-size:20px}.confirm-modal p{color:var(--muted);margin:0 0 20px;font-size:14px}.confirm-actions{gap:8px;display:flex}.confirm-actions button{flex:1}@media (max-width:600px){.product-grid{grid-template-columns:repeat(2,1fr);gap:10px}.products-hero{padding:20px 18px}.products-hero h1{font-size:21px}.product-emoji{font-size:42px}.product-info h3{min-height:32px;font-size:12px}.product-price b{font-size:13px}.cart-bar{width:calc(100% - 30px);bottom:70px}.info-card{padding:13px 14px}.info-emoji{flex-basis:38px;width:38px;height:38px;font-size:22px}.form-grid-2{grid-template-columns:1fr}.products-toolbar{flex-direction:column;align-items:flex-start;gap:8px}.toolbar-actions{justify-content:space-between;width:100%}}
.order-page{background-color:#0000;background-image:radial-gradient(1000px 480px at 10% -6%,#fffaf0f2,#0000 60%),radial-gradient(800px 560px at 100% 8%,#e8ebdd80,#0000 55%),radial-gradient(700px 500px at 50% 115%,#f0e7da80,#0000 60%),linear-gradient(#faf7f2 0%,#f6efe6 45%,#f1e7da 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}a.add-order{align-items:center;gap:7px;text-decoration:none;display:inline-flex}a.nav-link{color:#847a72;border-radius:12px;flex-direction:column;align-items:center;gap:5px;padding:8px 17px;font-size:11px;text-decoration:none;transition:background .2s,color .2s,transform .15s;display:flex}a.nav-link svg{width:21px}a.nav-link:hover{color:#694628;background:#f5ece5;transform:translateY(-1px)}.order-hero{color:#fff;background:radial-gradient(420px 200px at 90% -20%,#ffffff38,#0000 60%),linear-gradient(135deg,#7b5536,#5d3f28);border-radius:20px;margin:14px 0 20px;padding:30px 26px;position:relative;overflow:hidden;box-shadow:0 14px 34px #5d402838}.order-hero:after{content:"❦";font-size:150px;font-family:var(--serif);color:#fff;opacity:.06;pointer-events:none;line-height:1;position:absolute;top:-26px;right:6px;transform:rotate(-8deg)}.order-hero h1{font-family:var(--serif);letter-spacing:-.01em;margin:0 0 6px;font-size:28px}.order-hero p{opacity:.88;margin:0;font-size:13.5px}.order-customer{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:linear-gradient(170deg,#fff,#fbf6ef);margin-bottom:18px;padding:20px}.order-customer label{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.order-customer select{border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);background:#fff;border-radius:12px;padding:13px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 1px 2px #5d40280a}.order-customer select:focus{border-color:var(--taupe);outline:none;box-shadow:0 0 0 3px #b8a9992e}.order-customer .customer-wa{color:var(--muted);margin:6px 0 14px;font-size:11px;display:block}.order-customer .customer-fields{gap:12px;margin-top:14px;display:grid}.order-customer .customer-fields label{color:var(--muted);gap:6px;margin:0;font-size:12px;font-weight:600;display:grid}.order-customer .customer-fields input,.order-customer .customer-fields textarea{border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);background:#fff;border-radius:11px;padding:12px 13px;font-size:14px;transition:border-color .2s,box-shadow .2s}.order-customer .customer-fields input:focus,.order-customer .customer-fields textarea:focus{border-color:var(--taupe);outline:none;box-shadow:0 0 0 3px #b8a9992e}.order-customer .customer-fields textarea{resize:vertical;min-height:64px}.address-select-row{align-items:stretch;gap:8px;display:flex}.address-select-row select{flex:1}.add-address-btn{color:var(--brown);cursor:pointer;white-space:nowrap;background:#fffaf6;border:1px dashed #b79a80;border-radius:12px;justify-content:center;align-items:center;gap:5px;padding:0 14px;font-size:12px;font-weight:700;transition:background .2s,transform .15s;display:flex}.add-address-btn:hover{background:#f5ece5;transform:translateY(-1px)}.address-modal{max-height:90vh;overflow-y:auto}.address-modal label{color:var(--muted);gap:6px;margin-bottom:12px;font-size:12px;font-weight:600;display:grid}.address-modal label>input,.address-modal label>textarea{border:1px solid var(--line);width:100%;font:inherit;border-radius:10px;padding:11px 13px;font-size:13px}.address-modal label>textarea{resize:vertical;min-height:64px}.address-modal-hint{color:var(--muted);margin:0 0 16px;font-size:12px;line-height:1.5}.address-modal .primary{justify-content:center;width:100%}.order-items{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:linear-gradient(170deg,#fff,#fbf6ef);margin-bottom:16px;padding:20px}.order-items-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.order-items-head h2{font-family:var(--serif);color:var(--ink);margin:0;font-size:19px}.order-items-head span{color:var(--brown);background:linear-gradient(135deg,#f7eadb,#f3dfc8);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700}.order-empty{text-align:center;color:var(--muted);border-radius:var(--r-md);background:radial-gradient(260px 140px at 50% 0,#8a9a6b14,#0000 70%);padding:34px 20px}.order-empty span{margin-bottom:10px;font-size:42px;display:block}.order-empty p{margin:0;font-size:13px}.order-item-block{border-top:1px solid #f3ede7;padding-top:4px}.order-item-block:first-of-type{border-top:0}.order-item{border-radius:10px;align-items:center;gap:12px;padding:10px 0;transition:background .2s,padding-left .2s;display:flex}.order-item:hover{background:#7b553608;padding-left:6px}.order-item-emoji{background:linear-gradient(135deg,#f5ece5,#eedccb);border-radius:13px;flex:0 0 46px;place-items:center;width:46px;height:46px;font-size:26px;display:grid;box-shadow:inset 0 0 0 1px #fff9}.order-item-info{flex:1;min-width:0}.order-item-info b{color:var(--ink);font-size:14px;display:block}.order-item-info small{color:var(--muted);margin-top:3px;font-size:11px;line-height:1.4;display:block}.order-item-price{color:var(--brown);margin-top:4px;font-size:13px;font-weight:700}.order-item-actions{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.order-item-categories{padding:0 0 12px 58px}.order-item-categories .category-label{letter-spacing:.03em;color:var(--muted);text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.category-chips{flex-wrap:wrap;gap:6px;display:flex}.category-chip{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.category-chip.active{background:var(--brown);border-color:var(--brown);color:#fff}.order-item-stages{gap:10px;padding:0 0 14px 58px;display:flex}.order-item-stage-field{flex:1;min-width:0}.order-item-stage-field .category-label{letter-spacing:.03em;color:var(--muted);text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.order-item-stage-field select{border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);background:#fff;border-radius:9px;padding:8px 9px;font-size:12px}.qty-control{background:#f5ece5;border-radius:10px;align-items:center;gap:4px;padding:3px;display:flex}.qty-control button{cursor:pointer;width:26px;height:26px;color:var(--brown);background:#fff;border:0;border-radius:8px;place-items:center;transition:background .15s,transform .1s;display:grid}.qty-control button:hover{background:#f5ece5;transform:scale(1.05)}.qty-control span{text-align:center;min-width:24px;font-size:13px;font-weight:700}.qty-control.large button{width:34px;height:34px}.qty-control.large span{min-width:32px;font-size:16px}.remove-btn{color:#c0392b;cursor:pointer;background:0 0;border:0;padding:4px;transition:transform .15s}.remove-btn:hover{transform:scale(1.15)}.add-product-buttons{gap:10px;margin-bottom:16px;display:grid}.add-jilbab-btn,.add-other-btn{border:1px solid var(--line);cursor:pointer;text-align:left;width:100%;box-shadow:var(--shadow-sm);background:linear-gradient(165deg,#fff,#fbf6ef);border-radius:15px;align-items:center;gap:13px;padding:15px 16px;transition:transform .2s cubic-bezier(.2,.8,.3,1),box-shadow .25s,border-color .25s;display:flex}.add-jilbab-btn{background:linear-gradient(135deg,#fff,#fbf6ee);border-color:#d8c9b8}.add-jilbab-btn:hover,.add-other-btn:hover{box-shadow:var(--shadow-md);border-color:var(--taupe);transform:translateY(-3px)}.add-btn-emoji{background:linear-gradient(135deg,#f5ece5,#eedccb);border-radius:13px;flex:0 0 44px;place-items:center;width:44px;height:44px;font-size:24px;display:grid;box-shadow:inset 0 0 0 1px #fff9}.add-jilbab-btn>div,.add-other-btn>div{flex:1}.add-jilbab-btn b,.add-other-btn b{color:var(--ink);font-size:14px;display:block}.add-jilbab-btn small,.add-other-btn small{color:var(--muted);font-size:11px}.add-jilbab-btn>svg,.add-other-btn>svg{color:var(--brown);transition:transform .2s}.add-jilbab-btn:hover>svg,.add-other-btn:hover>svg{transform:translate(3px)}.order-summary{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:linear-gradient(170deg,#fff,#fbf6ef);margin-bottom:16px;padding:20px}.summary-row{justify-content:space-between;align-items:center;padding:9px 0;font-size:14px;display:flex}.summary-row b{font-size:14px}.dp-row{border-top:1px solid var(--line);margin-top:6px;padding-top:14px}.dp-input input{border:1px solid var(--line);width:130px;font:inherit;text-align:right;border-radius:9px;padding:8px 10px;font-size:13px}.total-row{border-top:1px solid var(--line);margin-top:6px;padding-top:14px}.total-row span{font-weight:700}.total-row b{color:var(--brown);font-size:21px;font-family:var(--serif)}.generate-invoice{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7b5536,#5d3f28);border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:15px;font-size:15px;font-weight:700;transition:transform .15s,box-shadow .2s;display:flex;box-shadow:0 10px 24px #7b553647}.generate-invoice:hover{transform:translateY(-2px);box-shadow:0 14px 30px #7b553657}.customer-fields{gap:8px;margin-top:8px;display:grid}.customer-fields input{border:1px solid var(--line);width:100%;font:inherit;border-radius:10px;padding:10px 13px;font-size:13px}.invoice-settings{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:linear-gradient(170deg,#fff,#fbf6ef);margin-bottom:16px;padding:20px}.invoice-settings h2{font-family:var(--serif);color:var(--ink);margin:0 0 14px;font-size:19px}.invoice-type-banner{background:linear-gradient(135deg,#fbf6ee,#f5ece5);border:1px solid #e8dccb;border-radius:14px;align-items:center;gap:13px;margin-bottom:14px;padding:15px 16px;display:flex}.type-emoji{background:#fff;border-radius:13px;flex:0 0 46px;place-items:center;width:46px;height:46px;font-size:26px;display:grid;box-shadow:0 2px 8px #5d402814}.invoice-type-banner b{color:var(--ink);font-size:14px;display:block}.invoice-type-banner small{color:var(--muted);font-size:11px}.setting-row{margin-bottom:14px}.setting-row>label{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.setting-row select{border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);background:#fff;border-radius:10px;padding:11px 12px;font-size:13px;transition:border-color .2s,box-shadow .2s}.setting-row select:focus{border-color:var(--taupe);outline:none;box-shadow:0 0 0 3px #b8a9992e}.setting-row input[type=number]{border:1px solid var(--line);width:100%;font:inherit;border-radius:10px;margin-top:7px;padding:11px 12px;font-size:13px}.setting-row textarea{border:1px solid var(--line);width:100%;font:inherit;resize:vertical;border-radius:10px;min-height:60px;padding:11px 12px;font-size:13px}.batch-hint,.field-hint{color:var(--muted);margin-top:6px;font-size:11px;display:block}.checkbox-label{cursor:pointer;align-items:center;gap:9px;color:var(--ink)!important;font-weight:500!important;display:flex!important}.checkbox-label input{width:17px;height:17px;accent-color:var(--brown)}.segmented{background:#f5ece5;border-radius:12px;gap:4px;padding:4px;display:flex}.segmented button{cursor:pointer;color:#8a8179;background:0 0;border:0;border-radius:9px;flex:1;padding:9px;font-size:13px;font-weight:600;transition:background .2s,color .2s,box-shadow .2s}.segmented button.active{color:var(--brown);background:#fff;box-shadow:0 2px 8px #5d40281a}.ongkir-preview{color:var(--muted);margin-top:7px;font-size:13px}.ongkir-preview b{color:var(--brown)}.shopee-split-info{background:linear-gradient(135deg,#fbf6ee,#f7efe4);border:1px solid #f0e6d8;border-radius:12px;margin-bottom:14px;padding:13px 15px}.shopee-split-info p{color:#6b625a;margin:0 0 8px;font-size:12px;line-height:1.5}.shopee-split-info p:last-child{margin-bottom:0}.shopee-split-info b{color:var(--brown)}.payment-history-block{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:13px 15px}.payment-total-preview{color:var(--muted);margin-bottom:10px;font-size:13px}.payment-total-preview b{color:var(--brown);font-size:15px}.payment-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:9px 0;display:flex}.payment-row-info{flex-direction:column;gap:2px;display:flex}.payment-row-info b{color:var(--ink);font-size:13px}.payment-row-info small{color:var(--muted);font-size:11px}.payment-row-info small.payment-withdrawn{color:var(--olive)}.payment-row-info small.payment-pending{color:var(--terracotta)}.payment-row-actions{flex:none;gap:6px;display:flex}.payment-row-actions button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:8px;padding:7px;transition:color .2s,border-color .2s;display:flex}.payment-row-actions button:hover{color:var(--brown);border-color:var(--brown)}.payment-topup-row{align-items:center;gap:8px;margin-top:12px;display:flex}.payment-topup-row input{border:1px solid var(--line);width:auto;font:inherit;border-radius:10px;flex:1;padding:11px 12px;font-size:13px}.add-payment-btn{background:var(--brown);color:#fff;cursor:pointer;white-space:nowrap;border:0;border-radius:10px;flex:none;align-items:center;gap:6px;padding:11px 14px;font-size:13px;font-weight:600;transition:transform .15s,box-shadow .2s;display:inline-flex}.add-payment-btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.invoice-type-tag{color:#765c45;background:#f1e9df;border-radius:8px;margin-bottom:10px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.invoice-sisa{border-top:1px dashed #e8dccb;margin-top:6px;padding-top:10px}.invoice-sisa span{font-weight:700}.invoice-sisa b{color:var(--brown);font-size:16px!important}.invoice-note{color:#6b625a;background:linear-gradient(135deg,#fbf6ee,#f7efe4);border:1px solid #f0e6d8;border-radius:12px;margin-bottom:14px;padding:13px 15px;font-size:12px;line-height:1.5}.invoice-note b{color:var(--ink)}.jilbab-form{max-height:90vh;overflow-y:auto}.jilbab-form h2{font-family:var(--serif);color:var(--ink);margin:0 0 18px;font-size:24px}.jilbab-form label{color:var(--muted);margin-bottom:16px;font-size:12px;font-weight:600;display:block}.jilbab-form label>input{border:1px solid var(--line);width:100%;font:inherit;border-radius:10px;margin-top:7px;padding:11px 13px;font-size:13px}.option-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:7px;display:grid}.option-grid button{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:12px;padding:12px;transition:border-color .2s,background .2s,transform .15s}.option-grid button:hover{border-color:var(--taupe);transform:translateY(-1px)}.option-grid button b{color:var(--ink);font-size:13px;display:block}.option-grid button small{color:var(--muted);font-size:11px}.option-grid button.selected{border-color:var(--brown);background:#fbf6ee;box-shadow:0 0 0 3px #7b553614}.option-grid button.selected b{color:var(--brown)}.size-grid{grid-template-columns:repeat(4,1fr)}.size-grid button{text-align:center}.size-grid button b{font-size:16px}.warna-chips{flex-wrap:wrap;gap:7px;margin-top:7px;display:flex}.warna-chips button{border:1px solid var(--line);cursor:pointer;color:#6b625a;background:#fff;border-radius:18px;padding:7px 13px;font-size:12px;transition:background .2s,color .2s}.warna-chips button.selected{background:var(--brown);color:#fff;border-color:var(--brown)}.mod-list{gap:7px;margin-top:7px;display:grid}.mod-list button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 13px;transition:border-color .2s,background .2s;display:flex}.mod-list button span{color:var(--ink);font-size:13px}.mod-list button b{color:var(--muted);font-size:12px}.mod-list button.selected{border-color:var(--brown);background:#fbf6ee}.mod-list button.selected span{color:var(--brown);font-weight:600}.mod-list button.selected b{color:var(--brown)}.jilbab-qty{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.jilbab-qty label{margin:0}.jilbab-price-preview{background:linear-gradient(135deg,#fbf6ee,#f7efe4);border:1px solid #f0e6d8;border-radius:14px;grid-template-columns:1fr auto;gap:6px;margin-bottom:16px;padding:15px 16px;display:grid}.jilbab-price-preview span{color:var(--muted);font-size:12px}.jilbab-price-preview b{color:var(--brown);font-size:15px}.jilbab-price-preview b.total{font-size:20px}.jilbab-fixed-info{background:linear-gradient(135deg,#f5f7f0,#eef2e4);border:1px solid #e2e8d0;border-radius:12px;gap:6px;margin-bottom:16px;padding:13px 15px;display:grid}.jilbab-fixed-info div{justify-content:space-between;align-items:center;font-size:13px;display:flex}.jilbab-fixed-info span{color:var(--muted);font-size:12px}.jilbab-fixed-info b{color:var(--ink);font-size:13px}.mod-check-list{gap:8px;margin-top:7px;display:grid}.mod-check-list label{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:10px;margin:0;padding:12px 13px;transition:border-color .2s,background .2s;display:flex}.mod-check-list label input{width:18px;height:18px;accent-color:var(--brown);flex:0 0 18px}.mod-check-list label span{color:var(--ink);flex:1;font-size:13px;font-weight:500}.mod-check-list label b{color:var(--muted);font-size:12px}.mod-check-list label.selected{border-color:var(--brown);background:#fbf6ee;box-shadow:0 0 0 3px #7b55360f}.mod-check-list label.selected span{color:var(--brown);font-weight:600}.mod-check-list label.selected b{color:var(--brown)}.request-fields{background:linear-gradient(135deg,#fbf6ee,#f7efe4);border:1px solid #f0e6d8;border-radius:12px;gap:12px;margin-bottom:16px;padding:15px;display:grid}.request-fields label{margin:0}.request-fields label>input{border:1px solid var(--line);width:100%;font:inherit;border-radius:10px;margin-top:6px;padding:11px 13px;font-size:13px}.jilbab-preview{border:1px solid var(--line);background:#fff;border-radius:14px;margin-bottom:16px;padding:17px}.jilbab-preview h3{color:var(--brown);text-transform:uppercase;letter-spacing:1px;margin:0 0 12px;font-size:14px}.preview-title{color:var(--ink);margin-bottom:10px;font-size:14px;font-weight:700}.preview-row{border-top:1px dashed var(--line);justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;display:flex}.preview-row span{color:var(--muted)}.preview-row b{color:var(--ink)}.preview-mods{border-top:1px dashed var(--line);padding:8px 0}.preview-mods>span{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.preview-mod{color:var(--ink);padding:3px 0;font-size:13px}.preview-mod small{color:var(--brown);font-weight:600}.preview-total{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:8px;padding-top:12px;display:flex}.preview-total span{font-size:13px;font-weight:700}.preview-total b{color:var(--brown);font-size:18px}.product-picker h2{font-family:var(--serif);color:var(--ink);margin:0 0 14px;font-size:22px}.picker-search{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:9px;margin-bottom:14px;padding:11px 13px;display:flex}.picker-search input{font:inherit;border:0;outline:0;flex:1;font-size:13px}.picker-list{gap:6px;max-height:55vh;display:grid;overflow-y:auto}.picker-list button{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;width:100%;padding:10px;transition:background .2s;display:flex}.picker-list button:hover{background:#fbf6ee}.picker-emoji{background:linear-gradient(135deg,#f5ece5,#eedccb);border-radius:11px;flex:0 0 40px;place-items:center;width:40px;height:40px;font-size:22px;display:grid;box-shadow:inset 0 0 0 1px #fff9}.picker-list button>div{flex:1}.picker-list button b{color:var(--ink);font-size:13px;display:block}.picker-list button small{color:var(--muted);font-size:11px}.picker-list button>svg{color:var(--brown)}.invoice-modal{width:min(460px,100%)}.invoice-head{text-align:center;border-bottom:2px solid var(--brown);margin-bottom:16px;padding-bottom:16px}.invoice-brand{font-family:var(--serif);color:var(--brown);font-size:26px;font-weight:700}.invoice-title{letter-spacing:4px;color:var(--muted);margin:4px 0 14px;font-size:13px}.invoice-meta{color:var(--muted);gap:4px;font-size:12px;display:grid}.invoice-meta b{color:var(--ink)}.invoice-items{margin-bottom:16px}.invoice-item{border-bottom:1px dashed var(--line);align-items:flex-start;gap:10px;padding:10px 0;font-size:13px;display:flex}.invoice-item-name{flex:1}.invoice-item-name small{color:var(--muted);margin-top:3px;font-size:11px;display:block}.invoice-item-qty{color:var(--muted);font-size:12px}.invoice-item-price{white-space:nowrap;font-weight:700}.invoice-totals{background:linear-gradient(135deg,#fbf6ee,#f7efe4);border-radius:14px;margin-bottom:16px;padding:15px 16px}.invoice-totals>div{justify-content:space-between;padding:5px 0;font-size:13px;display:flex}.invoice-totals b{font-size:13px}.invoice-grand{border-top:1px solid #e8dccb;margin-top:6px;padding-top:10px!important}.invoice-grand span{font-weight:700}.invoice-grand b{color:var(--brown);font-size:18px!important}.invoice-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.invoice-actions .primary{justify-content:center;align-items:center;gap:7px;display:flex}.invoice-actions .secondary{border:1px solid var(--brown);color:var(--brown);cursor:pointer;background:#fff;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:10px 15px;font-weight:600;transition:background .2s,color .2s;display:flex}.invoice-actions .secondary:hover{background:#fbf6ee}.order-marketer{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:linear-gradient(170deg,#fff,#fbf6ef);margin-bottom:16px;padding:20px}.order-marketer label{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.order-marketer select{border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);background:#fff;border-radius:12px;padding:13px 14px;font-size:14px}.marketer-fee-preview{background:linear-gradient(135deg,#eef4e8,#e2ecd9);border:1px solid #d3e2c8;border-radius:12px;gap:5px;margin-top:12px;padding:13px 15px;display:grid}.marketer-fee-preview span,.marketer-fee-preview label{color:#4a6b3a;font-size:12px;font-weight:600}.marketer-fee-preview b{color:#4a6b3a;font-size:18px;font-family:var(--serif)}.marketer-fee-preview input{color:#4a6b3a;font-size:18px;font-family:var(--serif);background:#fff;border:1px solid #c3d6b5;border-radius:8px;width:100%;padding:7px 10px}.marketer-fee-preview input:focus{border-color:#8fae72;outline:none}.marketer-fee-preview small{color:#6b625a;font-size:11px}.marketer-search{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:9px;margin-bottom:10px;padding:11px 13px;transition:border-color .2s,box-shadow .2s;display:flex}.marketer-search:focus-within{border-color:var(--taupe);box-shadow:0 0 0 3px #b8a9992e}.marketer-search input{font:inherit;color:var(--ink);border:0;outline:0;flex:1;font-size:13px}.marketer-options{gap:4px;max-height:200px;margin-bottom:10px;display:grid;overflow-y:auto}.marketer-options button{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:11px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:11px 12px;transition:border-color .2s,background .2s;display:flex}.marketer-options button:hover{border-color:var(--taupe)}.marketer-options button span{color:var(--ink);font-size:13px}.marketer-options button small{color:var(--muted);font-size:11px}.marketer-options button.selected{border-color:var(--brown);background:#fbf6ee;box-shadow:0 0 0 3px #7b55360f}.marketer-options button.selected span{color:var(--brown);font-weight:600}.marketer-options button.add-new{border-style:dashed;border-color:var(--brown);color:var(--brown);justify-content:flex-start;gap:7px;font-weight:600}.add-marketer-btn{width:100%;color:var(--brown);cursor:pointer;background:#fffaf6;border:1px dashed #b79a80;border-radius:11px;justify-content:center;align-items:center;gap:6px;padding:11px;font-size:12px;font-weight:700;transition:background .2s,transform .15s;display:flex}.add-marketer-btn:hover{background:#f5ece5;transform:translateY(-1px)}.marketer-modal{max-height:90vh;overflow-y:auto}.marketer-modal h2{font-family:var(--serif);color:var(--ink);margin:0 0 16px;font-size:24px}.marketer-modal label{color:var(--muted);margin-bottom:14px;font-size:12px;font-weight:600;display:block}.marketer-modal label>input{border:1px solid var(--line);width:100%;font:inherit;border-radius:10px;margin-top:7px;padding:11px 13px;font-size:13px}.marketer-modal-hint{color:var(--muted);margin:12px 0 16px;font-size:12px;line-height:1.5}.marketer-modal .primary{justify-content:center;width:100%}.marketer-modal .primary:disabled{cursor:not-allowed;background:#b9ada2}.discount-row{gap:8px;display:flex}.discount-row select{flex:0 0 130px}.discount-row input{flex:1;margin-top:0!important}.discount-preview{color:var(--muted);margin-top:7px;font-size:13px}.discount-preview b{color:#b06a2a}.fee-tag{color:#b06a2a;background:linear-gradient(135deg,#fef3e2,#fbe8cd);border-radius:6px;padding:2px 8px;font-weight:600;display:inline-block;margin-top:4px!important;font-size:10px!important}.summary-row.fee-row{border-top:1px dashed var(--line);margin-top:6px;padding-top:10px}.summary-row.fee-row span{color:#b06a2a;font-size:12px}.summary-row.fee-row b{color:#b06a2a;font-size:13px}.edit-order-section{padding:0 20px 16px}.edit-order-toggle{width:100%;color:var(--brown);cursor:pointer;background:#fffaf6;border:1px dashed #b79a80;border-radius:12px;align-items:center;gap:8px;padding:12px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.edit-order-toggle:hover{background:#f5ece5}.edit-order-toggle svg:last-child{margin-left:auto;transition:transform .2s}.edit-order-toggle svg.open{transform:rotate(90deg)}.editing-banner{border:1px solid var(--brown);background:#fbf6ee;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;display:flex}.editing-banner .editing-icon{background:var(--brown);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.editing-banner div{flex:1;min-width:0}.editing-banner b{font-size:13px;font-weight:700;display:block}.editing-banner small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.cancel-edit-btn{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;flex-shrink:0;padding:6px 12px;font-size:12px;font-weight:600}.cancel-edit-btn:hover{color:#c0392b;border-color:#c0392b}.delete-order-btn{color:#c0392b;cursor:pointer;background:#fff;border:1px solid #e8c9c2;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:background .2s;display:flex}.delete-order-btn:hover{background:#fdf1ef}.order-list{border:1px solid var(--line);background:#fff;border-radius:12px;margin-top:8px;overflow:hidden}.order-list>.panel-hint{border-bottom:1px solid var(--line);margin:0;padding:10px 14px;font-size:12px}.order-list-item{border:none;border-bottom:1px solid var(--line);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:10px;width:100%;padding:12px 14px;transition:background .15s;display:flex}.order-list-item:last-child{border-bottom:none}.order-list-item:hover{background:#fbf6ee}.order-list-emoji{flex-shrink:0;font-size:22px}.order-list-info{flex:1;min-width:0}.order-list-info b{font-size:13px;font-weight:700;display:block}.order-list-info small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.order-list-info .order-list-batch{color:var(--brown);margin-top:2px;font-weight:600}.order-list-right{text-align:right;flex-shrink:0}.order-list-right b{font-size:13px;font-weight:700;display:block}.order-status{border-radius:20px;margin-top:2px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.order-status.paid{color:#2e7d32;background:#e8f5e9}.order-status.confirmed{color:#e65100;background:#fff3e0}.order-status.draft{color:#757575;background:#f5f5f5}@media (max-width:600px){.order-hero{padding:22px 18px}.order-hero h1{font-size:23px}.option-grid{grid-template-columns:1fr 1fr}.size-grid{grid-template-columns:repeat(4,1fr)}.invoice-actions{grid-template-columns:1fr}.discount-row{flex-direction:column}.discount-row select{flex:1}}
.fees-page{background-color:#0000;background-image:radial-gradient(1000px 480px at 10% -6%,#fffaf0f2,#0000 60%),radial-gradient(800px 560px at 100% 8%,#e8ebdd80,#0000 55%),radial-gradient(700px 500px at 50% 115%,#f0e7da80,#0000 60%),linear-gradient(#faf7f2 0%,#f6efe6 45%,#f1e7da 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}.fees-page .topbar{-webkit-backdrop-filter:blur(8px);z-index:5;background:#fbf7f1eb;position:sticky;top:0}.fees-hero{color:#fff;background:radial-gradient(420px 200px at 90% -20%,#fff3,#0000 60%),linear-gradient(135deg,#7b5536,#5d3f28);border-radius:20px;margin:14px 0 20px;padding:30px 26px;position:relative;overflow:hidden;box-shadow:0 14px 34px #5d402838}.fees-hero:after{content:"❦";font-size:150px;font-family:var(--serif);color:#fff;opacity:.06;pointer-events:none;line-height:1;position:absolute;top:-26px;right:6px;transform:rotate(-8deg)}.fees-hero h1{font-family:var(--serif);letter-spacing:-.01em;margin:0 0 6px;font-size:28px}.fees-hero p{opacity:.88;margin:0;font-size:13.5px}.fees-summary{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px;display:grid}.fee-summary-card{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:linear-gradient(170deg,#fff,#fbf6ef);align-items:center;gap:12px;padding:16px;transition:transform .2s cubic-bezier(.2,.8,.3,1),box-shadow .25s;display:flex}.fee-summary-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.fee-summary-icon{border-radius:13px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid;box-shadow:inset 0 0 0 1px #fff9}.fee-summary-card.outstanding .fee-summary-icon{color:#966339;background:linear-gradient(135deg,#f7eadb,#f3dfc8)}.fee-summary-card.paid .fee-summary-icon{color:#59703d;background:linear-gradient(135deg,#e7efdf,#dbe8cf)}.fee-summary-card.total .fee-summary-icon{color:#6d5d8a;background:linear-gradient(135deg,#e8e4f0,#ddd6ea)}.fee-summary-card small{color:var(--muted);margin-bottom:2px;font-size:11px;font-weight:600;display:block}.fee-summary-card b{color:var(--ink);font-size:16px;font-family:var(--serif)}.marketer-summary{margin-bottom:22px}.marketer-summary h2{font-family:var(--serif);color:var(--ink);margin:0 0 12px;font-size:19px}.marketer-summary-card{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:linear-gradient(170deg,#fff,#fbf6ef);align-items:center;gap:12px;margin-bottom:9px;padding:14px 16px;transition:transform .2s,box-shadow .25s,border-color .25s;display:flex}.marketer-summary-card:hover{box-shadow:var(--shadow-md);border-color:var(--taupe);transform:translateY(-2px)}.marketer-avatar{color:#fff;background:linear-gradient(135deg,#7b5536,#a88462);border-radius:50%;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:17px;font-weight:700;display:grid;box-shadow:0 4px 12px #5d40282e}.marketer-summary-info{flex:1}.marketer-summary-info b{color:var(--ink);font-size:14px;display:block}.marketer-summary-info small{color:var(--muted);font-size:12px}.marketer-summary-amounts{gap:16px;display:flex}.marketer-summary-amounts small{color:var(--muted);font-size:10px;display:block}.marketer-summary-amounts b{font-size:13px}.amount-outstanding b{color:#966339}.amount-paid b{color:#59703d}.fees-filters{margin-bottom:18px}.fees-search{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:linear-gradient(170deg,#fff,#fbf6ef);border-radius:13px;align-items:center;gap:10px;margin-bottom:10px;padding:12px 14px;transition:border-color .2s,box-shadow .2s;display:flex}.fees-search:focus-within{border-color:var(--taupe);box-shadow:0 0 0 3px #b8a9992e}.fees-search input{font:inherit;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:14px}.fees-filter-row{gap:8px;display:flex}.fees-filter-row select{border:1px solid var(--line);font:inherit;color:var(--ink);background:#fff;border-radius:11px;flex:1;padding:10px;font-size:13px;transition:border-color .2s,box-shadow .2s}.fees-filter-row select:focus{border-color:var(--taupe);outline:none;box-shadow:0 0 0 3px #b8a9992e}.fees-list{gap:12px;display:grid}.fee-card{border:1px solid var(--line);border-radius:var(--r-lg);cursor:pointer;box-shadow:var(--shadow-sm);background:linear-gradient(170deg,#fff,#fbf6ef);padding:17px 18px;transition:transform .2s cubic-bezier(.2,.8,.3,1),box-shadow .25s,border-color .25s;position:relative}.fee-card:hover{box-shadow:var(--shadow-md);border-color:var(--taupe);transform:translateY(-3px)}.fee-card.sudah-diambil{opacity:.8}.fee-card-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.fee-marketer{align-items:center;gap:11px;display:flex}.fee-avatar{color:#fff;background:linear-gradient(135deg,#7b5536,#a88462);border-radius:50%;flex:0 0 40px;place-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:grid;box-shadow:0 3px 10px #5d402829}.fee-marketer b{color:var(--ink);font-size:14px;display:block}.fee-marketer small{color:var(--muted);font-size:11px}.fee-status{white-space:nowrap;border-radius:999px;padding:5px 11px;font-size:11px;font-weight:700}.fee-status.belum-diambil{color:#966339;background:linear-gradient(135deg,#f7eadb,#f3dfc8)}.fee-status.sudah-diambil{color:#59703d;background:linear-gradient(135deg,#e7efdf,#dbe8cf)}.fee-card-body{gap:6px;display:grid}.fee-order-info{gap:14px;display:flex}.fee-order-info small{color:var(--muted);font-size:11px}.fee-order-info b{color:var(--ink)}.fee-items-preview{gap:3px;display:grid}.fee-items-preview small{color:#6b625a;font-size:12px}.fee-total{border-top:1px dashed var(--line);justify-content:space-between;align-items:center;margin-top:9px;padding-top:9px;display:flex}.fee-total span{color:var(--muted);font-size:12px}.fee-total b{color:var(--brown);font-size:17px;font-family:var(--serif)}.fee-paid-date{color:#59703d;font-size:11px;font-weight:600}.fee-chevron{color:#c9c0b8;transition:color .2s,transform .2s;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.fee-card:hover .fee-chevron{color:var(--brown);transform:translate(2px,-50%)}.empty-state{text-align:center;border-radius:var(--r-md);background:radial-gradient(300px 160px at 50% 0,#8a9a6b14,#0000 70%);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:44px 20px;display:flex}.empty-state span{opacity:.85;margin-bottom:4px;font-size:44px;line-height:1}.empty-state h3{font-family:var(--serif);color:var(--ink);margin:0;font-size:18px}.empty-state p{color:var(--muted);max-width:26em;margin:0;font-size:13px}.fee-detail{width:min(440px,100%)}.fee-detail-meta{gap:4px;margin-bottom:16px;display:grid}.fee-detail-meta span{color:var(--muted);font-size:13px}.fee-detail-meta b{color:var(--ink)}.fee-detail-items{border:1px solid var(--line);border-radius:12px;margin-bottom:14px;overflow:hidden}.fee-detail-head,.fee-detail-row{grid-template-columns:2fr .5fr 1fr 1fr;gap:8px;padding:10px 12px;font-size:12px;display:grid}.fee-detail-head{color:#765c45;background:linear-gradient(135deg,#f5ece5,#eedccb);font-weight:700}.fee-detail-row{border-top:1px solid var(--line);color:var(--ink)}.fee-detail-row b{color:var(--brown)}.fee-detail-total{background:linear-gradient(135deg,#fbf6ee,#f7efe4);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:13px 15px;display:flex}.fee-detail-total span{color:var(--muted);font-size:13px}.fee-detail-total b{color:var(--brown);font-size:19px;font-family:var(--serif)}.fee-detail-status,.fee-detail-paid{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:11px 0;display:flex}.fee-detail-status span,.fee-detail-paid span{color:var(--muted);font-size:13px}.fee-detail-status b.belum-diambil{color:#966339}.fee-detail-status b.sudah-diambil{color:#59703d}.fee-detail-paid b{color:var(--ink);font-size:13px}.fee-detail-actions{margin-top:16px}.fee-detail-actions .primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7b5536,#5d3f28);border:0;border-radius:12px;justify-content:center;align-items:center;gap:7px;width:100%;padding:13px;font-size:14px;font-weight:700;transition:transform .15s,box-shadow .2s;display:flex;box-shadow:0 8px 20px #7b55363d}.fee-detail-actions .primary:hover{transform:translateY(-2px);box-shadow:0 12px 26px #7b55364d}.fee-detail-actions .secondary{border:1px solid var(--brown);width:100%;color:var(--brown);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:13px;font-size:14px;font-weight:600;transition:background .2s;display:flex}.fee-detail-actions .secondary:hover{background:#fbf6ee}.fee-detail-actions{gap:8px;display:grid}.fee-edit-amount-controls{align-items:center;gap:8px;display:flex}.fee-detail-total .fee-edit-amount-controls{flex:1;justify-content:flex-end}.fee-edit-amount input{border:1px solid var(--line);width:130px;font:inherit;text-align:right;background:#fff;border-radius:9px;padding:8px 10px;font-size:15px}.fee-edit-amount-controls .primary,.fee-edit-amount-controls .secondary{align-items:center;gap:5px;width:auto;padding:8px 12px;font-size:12px;display:inline-flex}.fee-delete-btn{color:#c0392b;cursor:pointer;background:#fff;border:1px solid #e8c9c2;border-radius:12px;justify-content:center;align-items:center;gap:7px;width:100%;padding:12px;font-size:13px;font-weight:600;transition:background .2s,transform .15s;display:flex}.fee-delete-btn:hover{background:#fdf1ef;transform:translateY(-1px)}@media (max-width:600px){.fees-hero{padding:22px 18px}.fees-hero h1{font-size:23px}.fees-summary{grid-template-columns:1fr}.fee-summary-card{padding:13px}.marketer-summary-amounts{flex-direction:column;gap:4px}}
.marketers-page{background-color:#0000;background-image:radial-gradient(1000px 480px at 10% -6%,#fffaf0f2,#0000 60%),radial-gradient(800px 560px at 100% 8%,#e8ebdd80,#0000 55%),radial-gradient(700px 500px at 50% 115%,#f0e7da80,#0000 60%),linear-gradient(#faf7f2 0%,#f6efe6 45%,#f1e7da 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}.marketers-hero{color:#fff;background:radial-gradient(420px 200px at 90% -20%,#fff3,#0000 60%),linear-gradient(135deg,#7b5536,#5d3f28);border-radius:20px;margin:14px 0 20px;padding:30px 26px;position:relative;overflow:hidden;box-shadow:0 14px 34px #5d402838}.marketers-hero:after{content:"❦";font-size:150px;font-family:var(--serif);color:#fff;opacity:.06;pointer-events:none;line-height:1;position:absolute;top:-26px;right:6px;transform:rotate(-8deg)}.marketers-hero h1{font-family:var(--serif);letter-spacing:-.01em;margin:0 0 6px;font-size:28px}.marketers-hero p{opacity:.88;margin:0;font-size:13.5px}.marketers-summary{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px;display:grid}.mk-summary-card{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:linear-gradient(170deg,#fff,#fbf6ef);align-items:center;gap:12px;padding:16px;transition:transform .2s cubic-bezier(.2,.8,.3,1),box-shadow .25s;display:flex}.mk-summary-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.mk-summary-card .mk-summary-icon{border-radius:13px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid;box-shadow:inset 0 0 0 1px #fff9}.mk-summary-card.active .mk-summary-icon{color:#59703d;background:linear-gradient(135deg,#e7efdf,#dbe8cf)}.mk-summary-card.inactive .mk-summary-icon{color:#966339;background:linear-gradient(135deg,#f7eadb,#f3dfc8)}.mk-summary-card.archive .mk-summary-icon{color:#8a8179;background:linear-gradient(135deg,#f1ece6,#e8e0d6)}.mk-summary-card small{color:var(--muted);margin-bottom:2px;font-size:11px;font-weight:600;display:block}.mk-summary-card b{color:var(--ink);font-size:19px;font-family:var(--serif)}.marketers-filters{margin-bottom:14px}.marketers-search{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:linear-gradient(170deg,#fff,#fbf6ef);border-radius:13px;align-items:center;gap:10px;margin-bottom:10px;padding:12px 14px;transition:border-color .2s,box-shadow .2s;display:flex}.marketers-search:focus-within{border-color:var(--taupe);box-shadow:0 0 0 3px #b8a9992e}.marketers-search input{font:inherit;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:14px}.mk-filter-chips{flex-wrap:wrap;gap:7px;display:flex}.mk-filter-chips button{border:1px solid var(--line);cursor:pointer;color:#6b625a;background:#fff;border-radius:18px;padding:7px 13px;font-size:12px;transition:background .2s,color .2s,border-color .2s,transform .15s}.mk-filter-chips button:hover{border-color:var(--taupe);transform:translateY(-1px)}.mk-filter-chips button.active{background:linear-gradient(135deg, var(--brown), var(--brown-deep));color:#fff;border-color:var(--brown);box-shadow:0 4px 12px #74503433}.add-marketer-main{width:100%;color:var(--brown);cursor:pointer;background:#fffaf6;border:1px dashed #b79a80;border-radius:12px;justify-content:center;align-items:center;gap:6px;margin-bottom:16px;padding:13px;font-size:13px;font-weight:700;transition:background .2s,transform .15s,box-shadow .2s;display:flex}.add-marketer-main:hover{box-shadow:var(--shadow-sm);background:#f5ece5;transform:translateY(-1px)}.marketers-list{gap:12px;display:grid}.marketer-card{border:1px solid var(--line);border-radius:var(--r-lg);cursor:pointer;box-shadow:var(--shadow-sm);background:linear-gradient(170deg,#fff,#fbf6ef);padding:16px 18px;transition:transform .2s cubic-bezier(.2,.8,.3,1),box-shadow .25s,border-color .25s}.marketer-card:hover{box-shadow:var(--shadow-md);border-color:var(--taupe);transform:translateY(-3px)}.marketer-card.arsip{opacity:.65}.marketer-card-head{align-items:center;gap:12px;display:flex}.marketer-avatar{color:#fff;background:linear-gradient(135deg,#7b5536,#a88462);border-radius:50%;flex:0 0 44px;place-items:center;width:44px;height:44px;font-size:17px;font-weight:700;display:grid;box-shadow:0 4px 12px #5d40282e}.marketer-avatar.large{flex:0 0 58px;width:58px;height:58px;font-size:23px}.marketer-card-info{flex:1;min-width:0}.marketer-card-info b{color:var(--ink);font-size:15px;display:block}.marketer-card-info small{color:var(--muted);font-size:11px}.mk-chevron{color:#c9c0b8;transition:color .2s,transform .2s}.marketer-card:hover .mk-chevron{color:var(--brown);transform:translate(2px)}.marketer-card-stats{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px;padding-top:13px;display:grid}.marketer-card-stats div{text-align:center}.marketer-card-stats small{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px;font-size:10px;font-weight:600;display:block}.marketer-card-stats b{color:var(--brown);font-size:13px;font-family:var(--serif)}.marketer-detail{max-height:90vh;overflow-y:auto}.mk-detail-head{align-items:center;gap:14px;margin-bottom:18px;display:flex}.mk-detail-head h2{color:var(--ink);margin:0 0 8px;font-size:24px}.mk-status-badge{border-radius:999px;padding:5px 11px;font-size:11px;font-weight:700;display:inline-block}.mk-status-badge.aktif{color:#59703d;background:linear-gradient(135deg,#e7efdf,#dbe8cf)}.mk-status-badge.tidak-aktif{color:#966339;background:linear-gradient(135deg,#f7eadb,#f3dfc8)}.mk-status-badge.arsip{color:#8a8179;background:linear-gradient(135deg,#f1ece6,#e8e0d6)}.mk-detail-section{border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-sm);background:linear-gradient(170deg,#fff,#fbf6ef);margin-bottom:12px;padding:16px 18px}.mk-detail-section h3{color:var(--brown);text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px;font-size:12px;font-weight:700}.mk-detail-row{border-top:1px dashed var(--line);justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;display:flex}.mk-detail-row:first-of-type{border-top:0}.mk-detail-row span{color:var(--muted);align-items:center;gap:7px;display:flex}.mk-detail-row span svg{color:var(--olive)}.mk-detail-row b{color:var(--ink);text-align:right}.mk-stats-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mk-stat{border:1px solid var(--line);text-align:center;background:linear-gradient(160deg,#fffdf9,#f8f1e8);border-radius:12px;padding:11px;transition:transform .15s,box-shadow .2s}.mk-stat:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.mk-stat small{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:10px;font-weight:600;display:block}.mk-stat b{color:var(--brown);font-size:14px;font-family:var(--serif)}.mk-customers{margin-top:13px}.mk-customers>small{color:var(--muted);margin-bottom:8px;font-size:11px;display:block}.mk-customer-chips{flex-wrap:wrap;gap:6px;display:flex}.mk-customer-chips span{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:14px;padding:4px 11px;font-size:11px}.mk-order-list{gap:7px;display:grid}.mk-order-row{border:1px solid var(--line);background:linear-gradient(160deg,#fffdf9,#f8f1e8);border-radius:11px;align-items:center;gap:11px;padding:10px 12px;transition:border-color .2s,transform .15s;display:flex}.mk-order-row:hover{border-color:var(--taupe);transform:translateY(-1px)}.mk-order-emoji{background:linear-gradient(135deg,#f5ece5,#eedccb);border-radius:9px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:18px;display:grid;box-shadow:inset 0 0 0 1px #fff9}.mk-order-row>div{flex:1;min-width:0}.mk-order-row b{color:var(--ink);font-size:12px;display:block}.mk-order-row small{color:var(--muted);font-size:10px}.mk-order-total{white-space:nowrap;font-family:var(--serif);color:var(--brown)!important;font-size:12px!important}.mk-more{text-align:center;color:var(--muted);margin-top:8px;font-size:11px;display:block}.mk-status-actions{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.mk-status-actions button{border:1px solid var(--line);cursor:pointer;color:#6b625a;background:#fff;border-radius:10px;padding:10px;font-size:12px;transition:border-color .2s,background .2s,transform .15s}.mk-status-actions button:hover{border-color:var(--taupe);transform:translateY(-1px)}.mk-status-actions button.selected{border-color:var(--brown);color:var(--brown);background:#fbf6ee;font-weight:600;box-shadow:0 0 0 3px #7450340f}.mk-status-hint{color:var(--muted);margin:11px 0 0;font-size:11px;line-height:1.5}.mk-detail-actions{margin-top:6px}.mk-detail-actions .primary{justify-content:center;align-items:center;gap:7px;display:flex}.marketer-form{max-height:90vh;overflow-y:auto}.marketer-form h2{color:var(--ink);margin:0 0 16px;font-size:24px}.marketer-form label{color:var(--muted);margin-bottom:14px;font-size:12px;font-weight:600;display:block}.marketer-form label>input,.marketer-form label>textarea{border:1px solid var(--line);width:100%;font:inherit;background:#fff;border-radius:10px;margin-top:7px;padding:11px 13px;font-size:13px;transition:border-color .2s,box-shadow .2s}.marketer-form label>input:focus,.marketer-form label>textarea:focus{border-color:var(--taupe);outline:none;box-shadow:0 0 0 3px #b8a9992e}.marketer-form label>textarea{resize:vertical;min-height:60px}.mk-form-status{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:7px;display:grid}.mk-form-status button{border:1px solid var(--line);cursor:pointer;color:#6b625a;background:#fff;border-radius:10px;padding:10px;font-size:12px;transition:border-color .2s,background .2s}.mk-form-status button:hover{border-color:var(--taupe)}.mk-form-status button.selected{border-color:var(--brown);color:var(--brown);background:#fbf6ee;font-weight:600;box-shadow:0 0 0 3px #7450340f}.marketer-form .form-actions{gap:8px;display:flex}.marketer-form .form-actions .primary{flex:1;justify-content:center;align-items:center;gap:7px;display:flex}.marketer-form .form-actions .danger{color:#c0392b;cursor:pointer;background:#fff;border:1px solid #c0392b;border-radius:10px;align-items:center;gap:6px;padding:10px 15px;font-weight:600;transition:background .2s;display:flex}.marketer-form .form-actions .danger:hover{background:#fdf3f1}.confirm-modal h2{color:var(--ink);margin:0 0 12px;font-size:22px}.confirm-modal p{color:var(--muted);margin:0 0 10px;font-size:13px;line-height:1.5}.confirm-modal p b{color:var(--ink)}.confirm-actions{gap:8px;margin-top:16px;display:flex}.confirm-actions .secondary{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:10px;flex:1;padding:10px 15px;font-weight:600;transition:background .2s}.confirm-actions .secondary:hover{background:#fbf6ef}.confirm-actions .danger{color:#fff;cursor:pointer;background:linear-gradient(135deg,#c0392b,#a93226);border:0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 15px;font-weight:600;transition:transform .15s,box-shadow .2s;display:flex;box-shadow:0 6px 16px #c0392b3d}.confirm-actions .danger:hover{transform:translateY(-1px);box-shadow:0 8px 20px #c0392b4d}.empty-state{text-align:center;border-radius:var(--r-md);background:radial-gradient(300px 160px at 50% 0,#8a9a6b14,#0000 70%);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:44px 20px;display:flex}.empty-state span{opacity:.85;margin-bottom:4px;font-size:44px;line-height:1}.empty-state h3{font-family:var(--serif);color:var(--ink);margin:0;font-size:18px}.empty-state p{color:var(--muted);margin:0;font-size:13px}@media (max-width:600px){.marketers-hero{padding:22px 18px}.marketers-hero h1{font-size:23px}.marketers-summary{gap:8px}.mk-summary-card{gap:9px;padding:12px}.mk-summary-card .mk-summary-icon{flex:0 0 34px;width:34px;height:34px}.mk-summary-card b{font-size:16px}.mk-stats-grid{grid-template-columns:repeat(2,1fr)}}
.collections-page{padding-bottom:110px}.collections-hero{margin:18px 0 20px}.collections-hero h1{margin:0 0 4px;font-size:26px}.collections-hero p{color:var(--muted);margin:0;font-size:13px}.collection-workspace-section{margin-top:28px}.collection-workspace-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.collection-workspace-head h2{margin:0;font-size:20px}.collection-workspace-head p{color:var(--muted);margin:3px 0 0;font-size:12px}.collection-add-btn{color:var(--brown);cursor:pointer;white-space:nowrap;background:#fffaf6;border:1px dashed #b79a80;border-radius:9px;align-items:center;gap:6px;padding:9px 13px;font-size:13px;font-weight:700;display:flex}.collection-add-btn:hover{background:#f5ece4}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.collection-card{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;padding:16px;transition:box-shadow .15s,transform .1s;position:relative;overflow:hidden}.collection-card:hover{transform:translateY(-1px);box-shadow:0 6px 20px #5d422608}.collection-card:before{content:"";background:var(--col-color,var(--brown));height:4px;position:absolute;top:0;left:0;right:0}.collection-card-head{align-items:center;gap:11px;margin-bottom:12px;display:flex}.collection-card-icon{background:var(--col-bg,#f1e9df);border-radius:11px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:21px;display:grid}.collection-card-title{flex:1;min-width:0}.collection-card-title b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.collection-card-title small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.collection-status-badge{color:#765c45;white-space:nowrap;background:#f1e9df;border-radius:5px;align-items:center;gap:4px;padding:3px 7px;font-size:10px;font-weight:700;display:inline-flex}.collection-status-badge.aktif{color:#59703d;background:#e8efdf}.collection-status-badge.selesai{color:#3d7a4d;background:#e3f0e3}.collection-status-badge.draft{color:#966339;background:#f7eadb}.collection-status-badge.arsip{color:#7a6757;background:#eee9e4}.collection-card-stats{grid-template-columns:1fr 1fr;gap:8px;margin-top:4px;display:grid}.collection-stat{background:#fbf7f2;border-radius:8px;padding:8px 10px}.collection-stat small{color:var(--muted);margin-bottom:3px;font-size:10px;display:block}.collection-stat b{font-size:13px;display:block}.collection-stat.outstanding b{color:#9b583d}.collection-stat.payment b{color:#59703d}.collection-card-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;display:flex}.collection-shipment-progress{flex:1;margin-right:10px}.collection-shipment-progress small{color:var(--muted);justify-content:space-between;margin-bottom:4px;font-size:10px;display:flex}.collection-progress-bar{background:#eee9e4;border-radius:3px;height:5px;overflow:hidden}.collection-progress-fill{background:var(--olive);border-radius:3px;height:100%;transition:width .3s}.collection-card-badges{gap:5px;display:flex}.collection-mini-badge{color:#9b583d;background:#f5e4df;border-radius:5px;padding:3px 6px;font-size:10px;font-weight:700}.collection-mini-badge.draft{color:#966339;background:#f7eadb}.collection-mini-badge.unlinked{color:#6d5d8a;background:#e8e4f0}.collection-widgets{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:16px;display:grid}.collection-widget{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:11px;padding:13px 15px;display:flex}.collection-widget-icon{border-radius:10px;flex:0 0 36px;place-items:center;width:36px;height:36px;font-size:17px;display:grid}.collection-widget-icon.aktif{background:#e8efdf}.collection-widget-icon.selesai{background:#e3f0e3}.collection-widget-icon.draft{background:#f7eadb}.collection-widget-icon.followup{background:#f5e4df}.collection-widget small{color:var(--muted);font-size:10px;display:block}.collection-widget b{margin-top:2px;font-size:16px;display:block}.collection-detail-page{padding-bottom:110px}.collection-detail-hero{border:1px solid var(--line);background:linear-gradient(110deg,#fbf6ee,#fff);border-radius:16px;margin-bottom:18px;padding:22px;position:relative}.collection-detail-hero:before{content:"";background:var(--col-color,var(--brown));border-radius:16px 16px 0 0;height:5px;position:absolute;top:0;left:0;right:0}.collection-detail-head{align-items:center;gap:14px;display:flex}.collection-detail-icon{background:var(--col-bg,#f1e9df);border-radius:14px;flex:0 0 56px;place-items:center;width:56px;height:56px;font-size:28px;display:grid}.collection-detail-title{flex:1}.collection-detail-title h1{margin:0 0 5px;font-size:24px}.collection-detail-title .collection-meta-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.collection-detail-title .collection-meta-row small{color:var(--muted);font-size:11px}.collection-detail-actions{gap:7px;display:flex}.collection-detail-actions button{color:var(--brown);cursor:pointer;background:#fff;border:1px solid #eadfd5;border-radius:8px;align-items:center;gap:5px;padding:8px 11px;font-size:11px;font-weight:700;display:flex}.collection-detail-actions button.primary{background:var(--brown);color:#fff;border-color:var(--brown)}.collection-detail-actions button.danger{color:#9b583d;border-color:#e8d5cd}.collection-detail-info{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:18px;display:grid}.collection-info-item{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 12px}.collection-info-item small{color:var(--muted);margin-bottom:4px;font-size:10px;display:block}.collection-info-item b{font-size:12px;display:block}.collection-info-item .tag-chips{flex-wrap:wrap;gap:4px;display:flex}.collection-info-item .tag-chips span{color:#765c45;background:#f1e9df;border-radius:4px;padding:2px 6px;font-size:10px}.collection-summary-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:18px;display:grid}.collection-summary-card{border:1px solid var(--line);text-align:center;background:#fff;border-radius:12px;padding:14px}.collection-summary-card small{color:var(--muted);margin-bottom:5px;font-size:10px;display:block}.collection-summary-card b{font-size:17px;display:block}.collection-summary-card.outstanding b{color:#9b583d}.collection-summary-card.payment b{color:#59703d}.collection-summary-card.draft b{color:#966339}.collection-summary-card.unlinked b{color:#6d5d8a}.collection-tabs{border-bottom:1px solid var(--line);white-space:nowrap;gap:20px;margin-bottom:18px;display:flex;overflow-x:auto}.collection-tabs button{color:#766d66;cursor:pointer;background:0 0;border:0;padding:11px 0 12px;font-size:13px;position:relative}.collection-tabs button.active{color:var(--brown);font-weight:700}.collection-tabs button.active:after{content:"";background:var(--brown);height:2px;position:absolute;bottom:-1px;left:0;right:0}.collection-order-list{gap:10px;display:grid}.collection-order-row{border:1px solid var(--line);background:#fff;border-radius:11px;align-items:center;gap:12px;padding:13px 15px;display:flex}.collection-order-emoji{background:#f1e9df;border-radius:9px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.collection-order-info{flex:1;min-width:0}.collection-order-info b{font-size:13px;display:block}.collection-order-info small{color:var(--muted);margin-top:3px;font-size:11px;display:block}.collection-order-info .order-status-tag{border-radius:4px;margin-top:4px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-block}.collection-order-info .order-status-tag.draft{color:#966339;background:#f7eadb}.collection-order-info .order-status-tag.confirmed{color:#59703d;background:#e8efdf}.collection-order-info .order-status-tag.paid{color:#3d7a4d;background:#e3f0e3}.collection-order-total{white-space:nowrap;font-size:13px;font-weight:700}.collection-order-total.outstanding{color:#9b583d}.collection-customer-list{gap:8px;display:grid}.collection-customer-row{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:11px;padding:12px 14px;display:flex}.collection-customer-avatar{color:#725b4b;background:#e5d7cd;border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:grid}.collection-customer-info{flex:1}.collection-customer-info b{font-size:13px;display:block}.collection-customer-info small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.collection-customer-orders{color:var(--muted);white-space:nowrap;font-size:12px}.collection-customer-info a{color:inherit;text-decoration:none}.collection-customer-info a:hover b{color:var(--brown);text-decoration:underline}.collection-item-breakdown{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:4px;padding:14px}.collection-item-breakdown h3{color:var(--ink);margin:0 0 2px;font-size:14px}.collection-item-breakdown .muted{color:var(--muted);margin:0 0 10px;font-size:11px}.collection-item-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:8px 0;display:flex}.collection-item-row:first-of-type{border-top:0}.collection-item-info b{color:var(--ink);font-size:12px}.collection-item-info small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.collection-item-info small a{color:inherit;text-decoration:underline}.collection-item-amount{color:var(--brown);white-space:nowrap;font-size:12px;font-weight:700}.collection-payment-list{gap:8px;display:grid}.collection-payment-row{border:1px solid var(--line);background:#fff;border-radius:10px;padding:13px 14px}.collection-payment-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.collection-payment-head b{font-size:13px}.collection-payment-head .payment-status{border-radius:5px;padding:3px 7px;font-size:10px;font-weight:700}.collection-payment-head .payment-status.paid{color:#59703d;background:#e7efdf}.collection-payment-head .payment-status.dp{color:#966339;background:#f7eadb}.collection-payment-head .payment-status.unpaid{color:#9b583d;background:#f5e4df}.collection-payment-row small{color:var(--muted);font-size:11px;display:block}.collection-payment-amount{margin-top:6px;font-size:13px;font-weight:700}.collection-shipment-list{gap:8px;display:grid}.collection-shipment-row{border:1px solid var(--line);background:#fff;border-radius:10px;padding:13px 14px}.collection-shipment-row b{font-size:13px;display:block}.collection-shipment-row small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.collection-shipment-progress-inline{margin-top:8px}.collection-notes-list{gap:8px;display:grid}.collection-note-item{border:1px solid var(--line);background:#fff;border-radius:10px;padding:13px 14px}.collection-note-item b{font-size:13px;display:block}.collection-note-item small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.collection-note-item p{color:var(--ink);margin:8px 0 0;font-size:12px;line-height:1.5}.collection-activity-list{gap:0;display:grid}.collection-activity-item{border-bottom:1px solid var(--line);gap:12px;padding:12px 0;display:flex}.collection-activity-icon{background:#f1e9df;border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:14px;display:grid}.collection-activity-content{flex:1}.collection-activity-content b{font-size:12px;display:block}.collection-activity-content small{color:var(--muted);margin-top:3px;font-size:11px;display:block}.collection-order-form{max-height:90vh;overflow:auto}.collection-order-form h2{margin:0 0 4px;font-size:24px}.collection-order-form .form-hint{color:var(--muted);margin:0 0 16px;font-size:12px}.collection-order-form label{gap:6px;margin:13px 0;font-size:12px;font-weight:700;display:grid}.collection-order-form input,.collection-order-form textarea,.collection-order-form select{border:1px solid var(--line);font:inherit;color:var(--ink);background:#fff;border-radius:8px;width:100%;padding:10px}.collection-order-form textarea{resize:vertical;height:58px}.collection-order-form .form-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.collection-order-form .form-grid label{margin-top:13px}.collection-order-form .price-preview{border-top:1px solid var(--line);gap:7px;margin:16px 0;padding-top:13px;display:grid}.collection-order-form .price-preview span,.collection-order-form .price-preview strong{justify-content:space-between;display:flex}.collection-order-form .price-preview span{color:var(--muted);font-size:12px}.collection-order-form .price-preview strong{font-size:16px}.collection-order-form .primary{margin-top:3px}.collection-order-form .customer-match-hint{color:var(--olive);background:#e8efdf;border-radius:6px;margin-top:8px;padding:7px 10px;font-size:11px}.collection-order-form .customer-unlinked-hint{color:#6d5d8a;background:#e8e4f0;border-radius:6px;margin-top:8px;padding:7px 10px;font-size:11px}.collection-form{max-height:90vh;overflow:auto}.collection-form h2{margin:0 0 4px;font-size:24px}.collection-form label{gap:6px;margin:13px 0;font-size:12px;font-weight:700;display:grid}.collection-form input,.collection-form textarea,.collection-form select{border:1px solid var(--line);font:inherit;color:var(--ink);background:#fff;border-radius:8px;width:100%;padding:10px}.collection-form textarea{resize:vertical;height:58px}.collection-type-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.collection-type-grid button{border:1px solid var(--line);cursor:pointer;color:var(--ink);background:#fff;border-radius:9px;justify-items:center;gap:3px;padding:10px 6px;font-size:11px;display:grid}.collection-type-grid button.selected{border-color:var(--brown);color:var(--brown);background:#f5ece4;font-weight:700}.collection-type-grid button span{font-size:18px}.collection-color-grid{flex-wrap:wrap;gap:7px;display:flex}.collection-color-grid button{cursor:pointer;border:2px solid #0000;border-radius:50%;width:30px;height:30px}.collection-color-grid button.selected{border-color:var(--ink);box-shadow:inset 0 0 0 2px #fff}.collection-icon-grid{flex-wrap:wrap;gap:6px;display:flex}.collection-icon-grid button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;place-items:center;width:36px;height:36px;font-size:17px;display:grid}.collection-icon-grid button.selected{border-color:var(--brown);background:#f5ece4}.collection-form .form-actions{gap:8px;margin-top:6px;display:flex}.collection-form .form-actions .primary{flex:1;justify-content:center}.collection-form .form-actions .danger{color:#9b583d;cursor:pointer;background:#fff;border:1px solid #e8d5cd;border-radius:9px;align-items:center;gap:5px;padding:11px 14px;font-size:13px;font-weight:700;display:flex}.confirm-modal{max-width:380px}.confirm-modal h2{margin:0 0 8px;font-size:20px}.confirm-modal p{color:var(--ink);margin:0 0 8px;font-size:13px}.confirm-modal p.muted{color:var(--muted);font-size:12px}.confirm-actions{gap:8px;margin-top:18px;display:flex}.confirm-actions button{cursor:pointer;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:9px;flex:1;padding:11px;font-size:13px;font-weight:700}.confirm-actions button.secondary{background:#f5f2ee}.confirm-actions button.danger{color:#fff;background:#9b583d;border-color:#9b583d}.collection-empty{text-align:center;color:var(--muted);padding:34px 16px}.collection-empty span{margin-bottom:8px;font-size:34px;display:block}.collection-empty h3{color:var(--ink);margin:0 0 4px;font-size:15px}.collection-empty p{margin:0;font-size:12px}@media (max-width:600px){.collection-grid{grid-template-columns:1fr}.collection-detail-hero{padding:18px}.collection-detail-head{flex-wrap:wrap}.collection-detail-actions{width:100%;margin-top:10px}.collection-detail-actions button{flex:1;justify-content:center}.collection-summary-grid,.collection-widgets{grid-template-columns:repeat(2,1fr)}.collection-order-form .form-grid{grid-template-columns:1fr}.collection-type-grid{grid-template-columns:repeat(3,1fr)}}