:root{--gold:#c9974d;--gold-dark:#a87b34;--black:#1a1a1a;--cream:#fbf3e7;}
*{box-sizing:border-box;}
body{font-family:'Segoe UI',Arial,sans-serif;background:#f2efe9;margin:0;color:#222;}
.topbar{background:var(--black);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:14px 30px;}
.brand{font-size:20px;letter-spacing:2px;font-weight:700;color:var(--gold);display:flex;align-items:center;gap:12px;}
.brand-logo{height:38px;width:auto;}
.brand span{color:#fff;font-weight:400;font-size:14px;margin-left:6px;}
.topbar nav a{color:#fff;text-decoration:none;margin-left:20px;padding:8px 16px;border-radius:6px;font-size:14px;}
.topbar nav a.active,.topbar nav a:hover{background:var(--gold);color:var(--black);}
.container{max-width:1040px;margin:30px auto;padding:0 20px 60px;}
h1{color:var(--black);margin-top:0;}
.card{background:#fff;border:1px solid #e3dccb;border-left:4px solid var(--gold);border-radius:8px;padding:22px 26px;margin-bottom:22px;}
.card h2{margin-top:0;font-size:14px;color:var(--gold-dark);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #f0e8d8;padding-bottom:10px;}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;}
.field{display:flex;flex-direction:column;gap:5px;}
.field label{font-size:12px;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.5px;}
.field input,.field textarea,input[type=text],input[type=number],input[type=date],textarea,select{
  width:100%;padding:9px 11px;border:1px solid #ddd;border-radius:6px;font-size:14px;color:#222;
  background:#fff;transition:border .2s;}
input:focus,textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,151,77,.15);}
input[readonly]{background:#f8f5ef;color:#888;}
.items-table{width:100%;border-collapse:collapse;margin-bottom:14px;}
.items-table th{background:var(--black);color:var(--gold);padding:11px 10px;text-align:left;font-size:12px;letter-spacing:.5px;}
.items-table td{padding:7px 6px;border-bottom:1px solid #eee;}
.remove-row{background:#e74c3c;color:#fff;border:none;border-radius:4px;width:28px;height:28px;cursor:pointer;font-size:17px;line-height:1;}
.btn-secondary{background:#fff;border:2px solid var(--gold);color:var(--gold-dark);padding:8px 18px;border-radius:6px;cursor:pointer;font-weight:700;font-size:13px;}
.btn-secondary:hover{background:var(--cream);}
.btn-primary{background:var(--gold);color:var(--black);border:none;padding:15px 30px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;width:100%;letter-spacing:.5px;}
.btn-primary:hover{background:var(--gold-dark);color:#fff;}
.grand-total-box{background:var(--black);color:var(--gold);padding:16px 20px;border-radius:8px;text-align:right;font-size:22px;font-weight:700;margin-top:12px;}
.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;}
.badge{display:inline-block;background:var(--cream);border:1px solid var(--gold);color:var(--gold-dark);border-radius:20px;padding:2px 10px;font-size:12px;font-weight:600;}
.action-link{color:var(--gold-dark);font-weight:600;text-decoration:none;margin-right:12px;font-size:13px;}
.action-link:hover{text-decoration:underline;}
.del-link{color:#e74c3c;}
table.dt{width:100% !important;border-collapse:collapse;background:#fff;}
table.dt th{background:var(--black);color:var(--gold);padding:11px 12px;font-size:13px;}
table.dt td{padding:11px 12px;border-bottom:1px solid #eee;font-size:13px;}
table.dt tr:hover td{background:#fdf8ef;}
.dataTables_wrapper .dataTables_filter input{border:1px solid #ddd;border-radius:6px;padding:6px 10px;}
.dataTables_wrapper .dataTables_length select{border:1px solid #ddd;border-radius:6px;padding:4px 8px;}
.flash{padding:14px 20px;border-radius:8px;margin-bottom:18px;font-weight:600;}
.flash.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb;}
.flash.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;}
.topbar nav a.logout-btn-link:hover{background:#e74c3c;color:#fff;}