/* Classic control panel theme, shared by reseller and ANDARI workspaces. */
:root{--bg:#f3f3f3;--paper:#fff;--ink:#343b40;--muted:#7b8790;--line:#e3e6e8;--green:#0e637e;--light:#edf4f7}body{background:#f3f3f3;font-family:Arial,'Segoe UI',sans-serif}.sidebar{width:220px;padding:56px 0 0;background:#0d3c52;border:0;color:#d9e8f0;z-index:30}.sidebar>.brand{position:fixed;top:0;left:0;width:220px;height:56px;background:#0a354c;color:#fff;font-size:24px;letter-spacing:-1px;padding:10px 22px;border-right:1px solid #ffffff12}.sidebar>.brand span{color:#71cde2}.workspace{display:none}.identity{display:grid;grid-template-columns:50px 1fr;gap:0 13px;padding:22px 17px 20px;margin:0;border-top:0;border-bottom:1px solid #ffffff19}.identity .avatar{grid-row:1/3;width:47px;height:47px;border:3px solid #ffffff50;border-radius:50%;background:#e1edf2;color:#416579;font-size:22px}.identity strong{font-size:12px;color:#fff;align-self:end;margin:0;overflow-wrap:anywhere}.identity small{font-size:10px;color:#9bc7da;margin-top:4px}.sidebar nav{padding:9px 0}.sidebar nav:before{content:'MENU UTAMA';display:block;font-size:9px;font-weight:700;letter-spacing:1px;padding:14px 20px 9px;color:#83adc0}.sidebar nav a{color:#c0d7e2;border-radius:0;padding:12px 18px;margin:0;font-size:12px;gap:11px;border-left:3px solid transparent}.sidebar nav a>span{color:#a9d1e2;font-size:16px}.sidebar nav a:hover{background:#154b63;color:#fff}.sidebar nav a.active{background:#123247;color:#fff;border-left:3px solid #31b2d1;font-weight:500}.sidebar nav a.active span{color:#fff}.sidebar-foot{padding:19px 20px;color:#96bacb;border-top:1px solid #ffffff15}.sidebar-foot p{color:#6694a9;font-size:7px}.app{margin-left:220px}.topbar{height:56px;background:#0d405a;color:white;border:0;padding:10px 24px;position:relative;z-index:20}.topbar small{color:#a7cadb;font-size:8px;letter-spacing:1px;margin-bottom:1px}.topbar strong{color:#fff;font-size:16px;letter-spacing:.3px;font-weight:500}.top-actions{gap:14px}.topbar .icon-button{background:#ffffff10;border-color:#ffffff25;color:#fff;width:30px;height:30px}.topbar .button.secondary{background:#ffffff17;color:#fff;border-color:#ffffff20}.content{padding:25px 26px;max-width:1600px}.page-heading{margin-bottom:20px;padding-bottom:17px;border-bottom:1px solid #ddd;align-items:center}.page-heading .eyebrow{font-size:9px;color:#738491;letter-spacing:.8px;margin-bottom:7px}.page-heading h1{font-size:27px;font-weight:400;letter-spacing:-.5px;margin-bottom:8px;color:#3f474c}.page-heading p{font-size:12px}.preview-bar{border-radius:0;background:#fff9e7;border:1px solid #e9dcaf;font-size:10px;padding:10px 13px;margin-bottom:20px;color:#897339}.stats{gap:16px;margin-bottom:18px}.stats article{border:0;border-radius:2px;padding:19px 18px 17px;min-height:129px;position:relative;overflow:hidden;background:#087e99;color:#fff;box-shadow:0 1px 2px #0001}.stats article:nth-child(2){background:#21864b}.stats article:nth-child(3){background:#c44739}.stats article:nth-child(4){background:#ab6a03}.stats article:after{content:'▥';position:absolute;right:16px;top:29px;font-size:48px;line-height:1;color:#ffffff30;font-weight:700;pointer-events:none}.stats article:nth-child(2):after{content:'✓'}.stats article:nth-child(3):after{content:'✉'}.stats article:nth-child(4):after{content:'¤'}.stats span{font-size:12px;color:#fff;position:relative;z-index:1;max-width:85%}.stats strong{font-size:31px;color:#fff;margin:4px 0 3px;font-weight:500;letter-spacing:0;position:relative;z-index:1}.stats strong.amount{font-size:21px;padding-top:7px;min-height:44px}.stats small{font-size:10px;color:#ffffffd6;position:relative;z-index:1}.home-grid{display:none}.control-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:27px}.control-tile{background:#c44739;color:#fff;padding:20px 18px;min-height:98px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:2px;transition:filter .15s,transform .15s}.control-tile:nth-child(2){background:#ab6a03}.control-tile:nth-child(3){background:#087e99}.control-tile:nth-child(4){background:#21864b}.control-tile:hover{filter:brightness(1.08);transform:translateY(-2px)}.control-tile strong{display:block;font-size:14px;font-weight:500}.control-tile small{font-size:10px;color:#ffffffd1;margin-top:6px}.control-tile>span{font-size:33px;color:#ffffffa8;font-weight:400;line-height:1}.card{border-radius:2px;box-shadow:0 1px 2px #00000006;padding:23px;border-top:3px solid #d3dce2}.section-head h2{font-size:18px;font-weight:500;letter-spacing:0}.section-head{margin-bottom:17px}th{font-size:11px;font-weight:600;letter-spacing:0;color:#6b767e;background:#f6f7f8;border-bottom:1px solid #dce2e6;padding:12px}td{font-size:12px;padding:15px 12px;border-color:#e8ecef}td small{font-size:10px}.text-link{font-size:11px;color:#126a8b}.pill{border-radius:2px;font-size:10px;background:#edf1f4;color:#637783}.pill.awaiting_approval,.pill.revision_requested{background:#fff0c7;color:#84600b}.pill.printing,.pill.finishing,.pill.packing{background:#dceef9;color:#287399}.pill.shipped,.pill.completed,.pill.ready_production{background:#e2f1e5;color:#347743}.button{border-radius:3px;background:#0b6c91;font-size:12px;font-weight:500}.button.secondary{border-radius:3px;background:#f0f3f5;color:#637986;border-color:#dce3e7}.button.dark{background:#124b66}.notice,.alert{border-radius:2px}.avatar{background:#dcecf5;color:#2f6d8c;border-radius:50%}input,select,textarea{border-radius:3px;border-color:#d6dee4}input:focus,select:focus,textarea:focus{outline:2px solid #c7e6f4;border-color:#63a7c5}.auth .brand{color:#123d53}.auth .brand span{color:#0b86af}.auth>.card{border-top-color:#0d405a}.chat-card{border-top-color:#0d405a;padding:0}.chat-head{background:#edf3f7}.chat-messages{background-color:#f0f3f2}.bubble{border-radius:2px 12px 12px;background:#fff}.bubble.mine{background:#dcebd4;border-color:#ccdec1;border-radius:12px 2px 12px 12px}.bubble-name{color:#587e48}.chat-compose{padding:15px 20px}.order-side .card{border-top-color:#cbdbe5}.footer{font-size:10px;color:#909aa0;padding-top:25px;justify-content:center;gap:15px}.footer span{font-size:8px}.bonus-tiers article{min-height:120px}.bonus-tiers strong{font-size:26px}.shop-public .card{border-top-color:#d3dce2}.shop-public .shop-hero h1{color:#294e3e}.shop-public .button{background:#294e3e}@media(max-width:1150px){.sidebar{width:200px;padding:56px 0 0}.sidebar>.brand{width:200px;font-size:23px;padding-left:18px}.app{margin-left:200px}.content{padding:22px}.stats,.control-tiles{gap:12px}.stats strong.amount{font-size:18px}.control-tile{padding:18px 15px}.control-tile strong{font-size:12px}.control-tile>span{font-size:27px}}@media(max-width:800px){.sidebar{position:relative;width:100%;padding:56px 0 0;overflow:visible}.sidebar>.brand{position:absolute;width:100%;height:56px;padding:10px 18px;background:#0d405a}.identity{display:none}.workspace{display:block;position:absolute;right:18px;top:24px;color:#adcdda;font-size:7px}.sidebar nav{padding:0;gap:0;background:#0c354a;display:flex;overflow:auto;border-bottom:0}.sidebar nav:before{display:none}.sidebar nav a{border-left:0;border-bottom:3px solid transparent;padding:11px 13px;margin:0;flex-shrink:0;font-size:10px}.sidebar nav a.active{border-left:0;border-bottom:3px solid #40b9db;background:#164d65}.sidebar nav a>span{font-size:14px}.sidebar-foot{display:none}.app{margin:0}.topbar{height:54px;background:#fff;color:#526671;border-bottom:1px solid #dce4e8;padding:10px 17px}.topbar small{color:#95a5af;font-size:7px}.topbar strong{font-size:14px;color:#355166}.topbar .button.secondary{background:#edf3f7;color:#507588;border-color:#dce6ec}.topbar .icon-button{color:#648896;border-color:#dce5e9}.content{padding:19px 15px}.page-heading{padding-bottom:15px;align-items:flex-start}.page-heading h1{font-size:24px}.page-heading .button{border-radius:3px;font-size:10px;padding:10px}.stats{grid-template-columns:1fr 1fr;gap:12px}.stats article{min-height:112px;padding:16px}.stats article:after{font-size:40px;right:13px;top:32px}.stats strong{font-size:28px}.stats span{font-size:11px}.stats strong.amount{font-size:18px}.stats small{font-size:9px}.control-tiles{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:23px}.control-tile{min-height:85px;padding:16px}.control-tile strong{font-size:12px}.control-tile small{font-size:9px}.card{padding:19px}.chat-card{padding:0}.order-side .card{padding:19px}.footer{display:block;text-align:center}.bonus-tiers{grid-template-columns:repeat(3,1fr)}.bonus-tiers article{padding:12px 10px;min-height:110px}.bonus-tiers strong{font-size:20px}.bonus-tiers span{font-size:9px}.bonus-tiers article:after{display:none}}@media(max-width:420px){.stats strong.amount{font-size:16px}.stats span{font-size:10px}.control-tile{padding:14px 12px}.control-tile strong{font-size:11px}.control-tile>span{font-size:25px}.bonus-tiers strong{font-size:17px}.workspace{font-size:6px}}
/* Floating order chat + private reseller access codes */
.chat-launcher{position:fixed;right:25px;bottom:24px;z-index:80;border:0;border-radius:30px;background:#12845a;color:#fff;box-shadow:0 5px 24px #123c4b38;padding:13px 18px;display:flex;gap:9px;align-items:center;font-size:12px;font-weight:600}.chat-launcher>span:first-child{font-size:23px;line-height:1}.chat-launcher b{background:#f5d75b;color:#4b4d26;font-size:10px;min-width:20px;height:20px;display:grid;place-items:center;border-radius:50%}.floating-chat[hidden]{display:none!important}.floating-chat{position:fixed;right:25px;bottom:85px;width:380px;height:min(650px,calc(100dvh - 120px));z-index:85;background:#fff;border:1px solid #c9d9d2;box-shadow:0 12px 55px #183e4c38;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.floating-chat>header{display:flex;justify-content:space-between;align-items:center;background:#116044;color:#fff;padding:16px 18px;flex-shrink:0}.floating-chat>header strong{font-size:14px}.floating-chat>header small{color:#b8dec9;font-size:10px}.floating-chat>header button{background:transparent;border:0;color:#fff;font-size:27px;padding:0 5px}.floating-order{padding:10px 15px;border-bottom:1px solid #e4eae5;background:#f8fbf7}.floating-order label{font-size:9px;margin:0;color:#819283}.floating-order select{font-size:11px;padding:8px;margin-top:4px}.floating-messages{overflow:auto;flex:1;padding:15px 12px;display:flex;flex-direction:column;gap:10px;background:#eef2e8;background-image:radial-gradient(#a3b5962b 1px,transparent 1px);background-size:15px 15px;min-height:100px}.floating-messages .bubble{font-size:11px;padding:10px 12px;max-width:88%}.floating-messages .bubble p{font-size:11px}.floating-messages .attachment{max-height:165px;max-width:225px}.floating-compose{padding:11px 13px;background:#fff;border-top:1px solid #e5ece2;flex-shrink:0}.floating-compose textarea{margin:0;padding:9px;font-size:12px;border-radius:8px}.floating-file{display:flex;align-items:center;gap:8px;margin:9px 0 0}.floating-file label{position:relative;flex:1;font-size:11px;color:#547e5c;margin:0;overflow:hidden}.floating-file input{padding:4px 0;border:0;background:none;font-size:9px;margin-top:3px;max-width:100%}.floating-file button{background:#16855b;align-self:flex-end}.floating-compose p{font-size:9px;margin:7px 0 0}.floating-empty{padding:20px;font-size:12px}.access-login{padding-bottom:17px}.access-login h2{font-size:21px;font-weight:500;margin-bottom:12px}.access-login input[name=access_code]{font-size:16px;letter-spacing:1px;text-transform:uppercase;font-family:monospace}.password-login{padding:17px 0 20px;border-top:1px solid #e0e7e9}.password-login summary{color:#557484;font-size:12px}.password-login form{margin-top:20px}.footer{padding-bottom:60px}@media(max-width:800px){.chat-launcher{right:16px;bottom:16px;padding:12px 15px}.floating-chat{right:12px;bottom:78px;width:min(380px,calc(100vw - 24px));height:min(600px,calc(100dvh - 100px))}.chat-launcher-label{font-size:11px}.floating-messages .attachment{max-width:200px}.floating-compose{padding:10px 12px}}