@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');
:root{--ink:#20232a;--muted:#7c8492;--gold:#b88a35;--gold2:#e7c77c;--bg:#f5f6f8;--line:#e8e9ed;--nav:#171a20}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}.app{display:flex;min-height:100vh}.sidebar{width:245px;background:var(--nav);color:#fff;padding:24px 15px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:12px;padding:0 12px 28px;border-bottom:1px solid #30343d}.brand span{font-size:30px;color:var(--gold2)}.brand b{display:block;letter-spacing:2px}.brand small{font-size:9px;color:#a9adb5;letter-spacing:2px}.sidebar nav{padding-top:20px;display:grid;gap:5px}.sidebar nav a{color:#b8bdc7;text-decoration:none;padding:11px 13px;border-radius:8px;font-size:13px}.sidebar nav a:hover,.sidebar nav a.active{background:#2b2d32;color:#f1d38e}.side-user{margin-top:auto;border-top:1px solid #30343d;padding:18px 10px 0;display:grid;gap:5px}.side-user small{color:#aeb3bc}.side-user a{color:#f1d38e;text-decoration:none;margin-top:8px}.main{flex:1;min-width:0;padding:0 30px 25px}.topbar{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--gold);font-weight:700}.topbar h2{font:700 26px 'Playfair Display',serif;margin:4px 0}.top-right{color:#687080;font-size:12px}.live-dot{display:inline-block;width:7px;height:7px;background:#3ab77a;border-radius:50%;margin-right:7px}.grid{display:grid;gap:18px;margin-bottom:20px}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.two{grid-template-columns:1.2fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}.stat,.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 3px 14px #20232a05}.stat span{display:block;color:var(--muted);font-size:12px}.stat b{display:block;font-size:27px;margin:9px 0 4px}.stat small,.muted{color:var(--muted);font-size:12px}.panel{margin-bottom:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.panel h3{font-size:15px;margin:0}.panel-head a{color:var(--gold);text-decoration:none;font-size:12px}.pipeline-row{display:grid;grid-template-columns:125px 25px 1fr;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #f0f1f3;font-size:12px}.pipeline-row b{text-align:right}.bar{height:6px;background:#f1f1f1;border-radius:8px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold2));border-radius:8px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick-grid a{padding:13px;border:1px solid var(--line);border-radius:8px;text-decoration:none;color:#454b55;font-size:12px}.quick-grid a:hover{border-color:var(--gold);color:#946a20}.note{background:#fbf7ed;border:1px solid #f0e4c9;padding:12px;border-radius:8px;margin-top:17px;color:#775a25;font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.form-grid label,.login-card label{display:grid;gap:6px;font-size:11px;color:#626a76;font-weight:600}.form-grid input,.form-grid select,.form-grid textarea,.login-card input{width:100%;border:1px solid #dfe2e7;border-radius:7px;padding:10px 11px;font:13px 'DM Sans';outline:none;background:#fff;color:var(--ink)}input:focus,select:focus,textarea:focus{border-color:var(--gold)!important;box-shadow:0 0 0 3px #b88a3515}.form-grid textarea{min-height:70px}.wide{grid-column:1/-1}.btn{border:0;border-radius:7px;padding:10px 15px;font:600 12px 'DM Sans';cursor:pointer}.btn.primary{background:#a77b2e;color:white}.btn.primary:hover{background:#896321}.btn.danger{background:#fff0ef;color:#b34237}.btn.small{padding:6px 9px;font-size:10px}.full{width:100%;margin-top:17px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:650px;font-size:12px}th{text-align:left;color:#858c98;font-size:10px;text-transform:uppercase;letter-spacing:.5px;background:#fafafa}td,th{padding:12px 10px;border-bottom:1px solid #eff0f2;white-space:nowrap}td{color:#424954}.empty{padding:28px;text-align:center;color:#969daa;background:#fafafa;border-radius:8px;font-size:12px}.flash{padding:11px 14px;border-radius:8px;margin:0 0 18px;font-size:12px}.flash.success{background:#eaf8f0;color:#24784c}.flash.error{background:#fff0ef;color:#a63e35}footer{text-align:center;color:#a0a5ae;font-size:10px;padding:15px}.login-bg{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top right,#f1e5c9,#f4f5f7 50%)}.login-card{width:min(390px,calc(100% - 30px));background:#fff;padding:38px;border-radius:16px;box-shadow:0 20px 60px #24242415}.brand-mark{text-align:center;color:var(--gold);font-size:38px}.login-card h1{text-align:center;font:700 27px 'Playfair Display';margin:5px 0}.login-card p{text-align:center;color:var(--muted);font-size:12px;margin:0 0 25px}.login-card form{display:grid;gap:10px}.login-card small{display:block;text-align:center;color:#9298a2;margin-top:18px;font-size:10px}
@media(max-width:1050px){.grid.four{grid-template-columns:repeat(2,1fr)}.grid.two{grid-template-columns:1fr}.sidebar{width:210px}.main{padding:0 18px 20px}}
@media(max-width:700px){.app{display:block}.sidebar{width:100%;padding:13px}.brand{padding:0 7px 12px}.sidebar nav{display:flex;overflow:auto;padding-top:10px}.sidebar nav a{white-space:nowrap;padding:9px}.side-user{display:none}.main{padding:0 12px 20px}.topbar{height:80px}.topbar h2{font-size:22px}.grid.four,.grid.three{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr 1fr}.stat{padding:14px}.stat b{font-size:22px}}
@media(max-width:420px){.form-grid{grid-template-columns:1fr}.grid.four,.grid.three{grid-template-columns:1fr 1fr}.login-card{padding:25px}}