:root{--bg: #fbfafc;--surface: #ffffff;--border: #e6e3eb;--border-soft: #f0eef3;--text: #3d3547;--muted: #6e6878;--gray: #8f9a98;--primary: #7b539a;--primary-dark: #5e4275;--primary-hover: #5e3c79;--primary-soft: #f3eff7;--primary-tint: #e4d8ed;--accent: #e9a63b;--accent-soft: #fdf3e2;--success: #17803d;--success-soft: #e6f4ea;--warning: #9a6700;--warning-soft: #fdf3e2;--danger: #c0392b;--danger-soft: #fdebe9;--radius: 12px;--shadow: 0 1px 3px rgba(61, 53, 71, .08)}*{box-sizing:border-box}body{margin:0;font-family:Quicksand,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:15px;font-weight:500;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0 0 .5rem;line-height:1.25;font-weight:700}h1{font-size:1.5rem}h2{font-size:1.15rem}p{margin:0 0 .75rem}a{color:var(--primary);text-decoration:none;font-weight:600}a:hover{color:var(--primary-hover);text-decoration:underline}.app-shell{display:flex;min-height:100vh}.sidebar{width:235px;background:var(--primary-dark);color:#fff;display:flex;flex-direction:column;padding:1.25rem .9rem;flex-shrink:0}.sidebar .brand{padding:0 .5rem 1.1rem}.sidebar .brand-name{font-weight:700;font-size:1.02rem;color:#fff;letter-spacing:.1px}.sidebar .brand-sub{font-size:.66rem;font-weight:600;color:var(--primary-tint);letter-spacing:.2em;text-transform:uppercase;margin-top:2px}.sidebar nav{display:flex;flex-direction:column;gap:2px}.sidebar nav a{color:var(--primary-tint);padding:.55rem .7rem;border-radius:9px;font-weight:600}.sidebar nav a:hover{background:#ffffff1f;color:#fff;text-decoration:none}.sidebar nav a.active{background:#ffffff2e;color:#fff}.sidebar .spacer{flex:1}.sidebar .whoami{font-size:.8rem;color:var(--primary-tint);padding:.7rem;border-top:1px solid rgba(255,255,255,.16)}.sidebar .whoami strong{color:#fff;display:block;font-weight:700}.main{flex:1;padding:1.75rem 2.25rem;max-width:1080px}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;gap:1rem;flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem 1.4rem;margin-bottom:1rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1rem}.stat{text-align:left}.stat .stat-value{font-size:1.7rem;font-weight:700;color:var(--primary-dark)}.stat .stat-label{color:var(--muted);font-size:.85rem;font-weight:600}.field{margin-bottom:.9rem}.label{display:block;font-weight:700;font-size:.85rem;margin-bottom:.3rem}.input,textarea.input,select.input{width:100%;padding:.55rem .7rem;border:1px solid var(--border);border-radius:9px;font:inherit;color:inherit;background:#fff}.input:focus{outline:3px solid var(--primary-soft);border-color:var(--primary)}textarea.input{min-height:130px;resize:vertical}.hint{font-size:.8rem;color:var(--muted);margin-top:.25rem;font-weight:500}.error-text{color:var(--danger);font-size:.85rem;margin-top:.3rem;font-weight:600}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.05rem;border-radius:9px;border:1px solid var(--border);background:#fff;color:var(--text);font:inherit;font-weight:700;cursor:pointer}.btn:hover{background:var(--primary-soft);border-color:var(--primary-tint)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-success{background:var(--success);border-color:var(--success);color:#fff}.btn-block{width:100%;justify-content:center}.badge{display:inline-block;padding:.15rem .6rem;border-radius:99px;font-size:.75rem;font-weight:700}.badge-pending{background:var(--accent-soft);color:#8a5d05}.badge-approved,.badge-sent{background:var(--success-soft);color:var(--success)}.badge-suspended,.badge-failed{background:var(--danger-soft);color:var(--danger)}.badge-draft{background:var(--primary-soft);color:var(--primary)}.banner{border-radius:var(--radius);padding:.8rem 1.1rem;margin-bottom:1rem;font-size:.92rem;font-weight:600}.banner-warning{background:var(--accent-soft);color:#8a5d05;border:1px solid #f2ddb0}.banner-danger{background:var(--danger-soft);color:var(--danger);border:1px solid #f2c4be}.banner-info{background:var(--primary-soft);color:var(--primary-dark);border:1px solid var(--primary-tint)}.table{width:100%;border-collapse:collapse;font-size:.92rem}.table th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gray);font-weight:700;padding:.5rem .75rem;border-bottom:2px solid var(--border)}.table td{padding:.65rem .75rem;border-bottom:1px solid var(--border-soft)}.table tr:hover td{background:var(--primary-soft)}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:linear-gradient(158deg,#3d3547,#5e4275 60%,#7b539a 130%)}.auth-card{background:#fff;border-radius:16px;padding:2rem 2.2rem;width:100%;max-width:440px;box-shadow:0 14px 44px #2e1e3c52}.auth-card .sub{color:var(--muted);margin:.9rem 0 1.4rem;font-weight:500}.auth-alt{margin-top:1.1rem;font-size:.9rem;color:var(--muted);text-align:center}.empty{text-align:center;color:var(--muted);padding:2.5rem 1rem;font-weight:500}.muted{color:var(--muted);font-weight:500}.mt-0{margin-top:0}.flex-between{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}@media(max-width:780px){.app-shell{flex-direction:column}.sidebar{width:100%;flex-direction:row;align-items:center;overflow-x:auto;padding:.6rem .8rem}.sidebar .brand{padding:0 .8rem 0 0;white-space:nowrap}.sidebar nav{flex-direction:row}.sidebar .spacer,.sidebar .whoami{display:none}.main{padding:1.1rem}}