:root{
  --navy:#0f2942; --navy-light:#16395c; --teal:#1a7f8e; --teal-light:#e6f4f5;
  --amber:#c97a1a; --amber-bg:#fdf0df; --green:#1f8a5f; --green-bg:#e5f6ee;
  --red:#c0392b; --red-bg:#fbebe9; --gray:#697586; --border:#e2e6ea; --bg:#f5f7f9;
}
*{box-sizing:border-box;}
body{font-family:-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;background:var(--bg);margin:0;color:#1b2733;}
header{background:var(--navy);color:#fff;padding:22px 28px;}
header h1{margin:0;font-size:20px;font-weight:600;}
header p{margin:4px 0 0;color:#b9c8d6;font-size:13px;}
.nav{display:flex;gap:0;background:var(--navy-light);padding:0 28px;}
.nav a{padding:12px 20px;color:#cfe0ec;text-decoration:none;font-size:14px;border-bottom:3px solid transparent;}
.nav a.active{color:#fff;border-bottom-color:var(--teal);font-weight:600;}
main{max-width:920px;margin:0 auto;padding:24px 16px 60px;}
.card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:22px;margin-bottom:16px;}
h2{font-size:16px;color:var(--navy);margin:0 0 16px;}
label{display:block;font-size:13px;font-weight:600;color:#41505f;margin:14px 0 5px;}
input[type=text],input[type=number],input[type=date],select,textarea{
  width:100%;padding:9px 10px;border:1px solid var(--border);border-radius:6px;font-size:14px;font-family:inherit;
}
textarea{min-height:70px;resize:vertical;}
.row{display:flex;gap:12px;}
.row>div{flex:1;}
.hint{font-size:12px;color:var(--gray);margin-top:4px;}
.required::after{content:" *";color:var(--red);}
button{cursor:pointer;border:none;border-radius:6px;font-size:14px;font-weight:600;padding:10px 16px;}
.btn-primary{background:var(--teal);color:#fff;width:100%;margin-top:18px;padding:12px;}
.btn-primary:hover{background:#156670;}
.btn-approve{background:var(--green);color:#fff;}
.btn-reject{background:var(--red);color:#fff;}
.btn-ask{background:#fff;color:var(--navy);border:1px solid var(--navy);}
.btn-wa{background:#25D366;color:#fff;}
.btn-ghost{background:#fff;color:var(--gray);border:1px solid var(--border);}
.err{color:var(--red);font-size:12px;margin-top:4px;display:none;}
.invalid{border-color:var(--red) !important;background:var(--red-bg);}
.order{border:1px solid var(--border);border-radius:10px;padding:16px 18px;margin-bottom:14px;background:#fff;}
.order-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap;}
.order-id{font-weight:700;color:var(--navy);}
.status{display:inline-block;font-size:12px;font-weight:700;padding:4px 10px;border-radius:20px;}
.status.pending{background:var(--amber-bg);color:var(--amber);}
.status.approved{background:var(--green-bg);color:var(--green);}
.status.rejected{background:var(--red-bg);color:var(--red);}
.meta{font-size:13px;color:#41505f;margin-top:8px;line-height:1.7;}
.meta b{color:#1b2733;}
.actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap;}
.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;flex-wrap:wrap;gap:10px;}
.toolbar input{max-width:260px;}
.exportbar{display:flex;gap:8px;}
.exportbar button{background:#fff;border:1px solid var(--border);color:var(--navy);font-weight:500;}
a.quote-link{color:var(--teal);font-weight:600;text-decoration:none;}
.modal-bg{position:fixed;inset:0;background:rgba(15,41,66,.5);display:none;align-items:center;justify-content:center;z-index:50;padding:16px;}
.modal{background:#fff;border-radius:10px;padding:22px;max-width:440px;width:100%;}
.modal h3{margin:0 0 14px;color:var(--navy);font-size:16px;}
.modal-actions{display:flex;gap:8px;margin-top:16px;}
.empty{color:var(--gray);text-align:center;padding:40px 0;font-size:14px;}
.thread{margin-top:14px;border-top:1px solid var(--border);padding-top:10px;}
.thread-item{background:var(--teal-light);border-radius:8px;padding:8px 12px;margin-bottom:6px;font-size:13px;}
.thread-item b{color:var(--navy);}
.thread-time{color:var(--gray);font-size:11px;margin-inline-start:6px;}
#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--navy);color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;display:none;z-index:99;}