:root{
  --blue:#1B4FD8;
  --blue-bg:#EFF6FF;
  --blue-bd:#BFDBFE;
  --green:#059669;
  --bg:#EEF2F7;
  --ink:#0F1923;
  --muted:#8EA0B3;
  --muted2:#4E6278;
  --line:#DDE5EF;
}
*{box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Inter',sans-serif;background:var(--bg);color:var(--ink);font-size:13px}
a{text-decoration:none}

/* Layout */
.awt-shell{display:flex;min-height:100vh}
.awt-sidebar{width:220px;background:#0F1923;color:#fff;flex-shrink:0;display:flex;flex-direction:column}
.awt-sidebar .brand{padding:18px 20px;font-weight:900;font-size:16px;letter-spacing:.03em;border-bottom:1px solid rgba(255,255,255,.08)}
.awt-sidebar .brand span{color:var(--blue)}
.awt-nav{padding:14px 10px;flex:1}
.awt-nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:7px;color:#B7C2CE;font-size:13px;font-weight:600;margin-bottom:2px}
.awt-nav a:hover{background:rgba(255,255,255,.06);color:#fff}
.awt-nav a.active{background:var(--blue);color:#fff}
.awt-sidebar .foot{padding:14px 18px;border-top:1px solid rgba(255,255,255,.08);font-size:11px;color:#8EA0B3}
.awt-main{flex:1;min-width:0}
.awt-topbar{background:#fff;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.awt-topbar h1{font-size:16px;font-weight:800}
.awt-page{padding:24px;max-width:1200px;margin:0 auto}

/* Cards / stats */
.card{background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.07)}
.stat-card{background:#fff;border-radius:8px;padding:16px 18px;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.stat-card .num{font-size:26px;font-weight:900;color:var(--ink)}
.stat-card .lbl{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}

/* Table */
.table-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}
.awt-table{width:100%;border-collapse:collapse;font-size:12.5px}
.awt-table thead th{text-align:left;padding:9px 12px;font-size:10px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line)}
.awt-table tbody tr{border-bottom:1px solid var(--line)}
.awt-table tbody tr:hover{background:#F8FAFC}
.awt-table td{padding:9px 12px;vertical-align:middle}
.code-cell{font-family:monospace;font-weight:800;color:var(--blue);font-size:11.5px}

.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;white-space:nowrap}
.tag-active{background:#ECFDF5;color:#065F46;border:1px solid #A7F3D0}
.tag-inactive{background:#F8FAFC;color:#475569;border:1px solid #CBD5E1}
.tag-admin{background:#F5F3FF;color:#5B21B6}
.tag-user{background:#EFF6FF;color:#1B4FD8}

.lbl{font-size:10px;font-weight:700;color:var(--muted);margin-bottom:4px;display:block;text-transform:uppercase;letter-spacing:.06em}
.inp,.form-select,.form-control{font-size:13px !important;padding:7px 10px !important;border-radius:6px !important;border:1px solid var(--line) !important;color:var(--ink)}
.inp:focus,.form-select:focus,.form-control:focus{border-color:var(--blue) !important;box-shadow:0 0 0 3px rgba(27,79,216,.1) !important}

.btn-awt{padding:8px 18px;background:var(--blue);color:#fff;border:none;border-radius:7px;font-size:13px;font-weight:700;cursor:pointer}
.btn-awt:hover{background:#1642B8;color:#fff}
.btn-ghost{padding:8px 16px;background:#F1F5F9;color:var(--muted2);border:none;border-radius:7px;font-size:12.5px;font-weight:600;cursor:pointer}
.btn-ghost:hover{background:#E2E8F0;color:var(--muted2)}
.btn-icon{background:none;border:none;color:var(--muted2);cursor:pointer;padding:4px 6px;border-radius:5px;font-size:13px}
.btn-icon:hover{background:#F1F5F9}
.btn-icon.danger:hover{background:#FEF2F2;color:#DC2626}

.modal-content{border-radius:10px;border:none}
.modal-header{border-bottom:1px solid var(--line);padding:16px 20px}
.modal-title{font-size:15px;font-weight:800}
.modal-body{padding:20px}
.modal-footer{border-top:1px solid var(--line);padding:14px 20px}

/* Login */
.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0F1923 0%,#1B4FD8 130%)}
.login-card{background:#fff;border-radius:12px;padding:36px 34px;width:100%;max-width:380px;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.login-card h1{font-size:20px;font-weight:900;margin-bottom:2px}
.login-card p{color:var(--muted);font-size:12px;margin-bottom:22px}
.login-alert{display:none;background:#FEF2F2;border:1px solid #FECACA;color:#B91C1C;font-size:12px;padding:9px 12px;border-radius:7px;margin-bottom:14px}

.empty-row td{text-align:center;padding:36px;color:var(--muted);font-size:13px}

/* Customer profile (MA01 reference) */
.ctab{border:0.5px solid var(--line);border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer;color:var(--muted);background:#fff}
.ctab.on{background:var(--blue-bg);color:var(--blue);border-color:var(--blue-bd)}
.stab{background:none;border:none;border-bottom:2px solid transparent;padding:9px 12px;font-size:12px;font-weight:600;cursor:pointer;color:var(--muted);white-space:nowrap}
.stab.on{color:var(--blue);border-bottom-color:var(--blue)}
.kv{display:flex;gap:8px;padding:5px 0;border-bottom:0.5px solid #F1F5F9;font-size:12px;line-height:1.5}
.kv:last-child{border-bottom:none}
.sec{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}
.ov{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1055;padding:14px;overflow-y:auto}
.mc{background:#fff;border-radius:10px;padding:20px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}
.awt-cprofile-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.08);padding:14px}