@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap');:root{--navy:#111b31;--gold:#f4b844;--bg:#f5f7fb;--line:#e8edf4;--ink:#202b40;--muted:#7e899d}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:14px 'DM Sans',Arial,sans-serif;color:var(--ink)}h1,h2,h3{font-family:'Plus Jakarta Sans',sans-serif}h1{font-size:28px;margin:7px 0}h2{font-size:17px;margin:0 0 20px}.layout{display:flex;min-height:100vh}.sidebar{background:var(--navy);width:252px;flex:none;color:#eaf0ff;padding:25px 15px;display:flex;flex-direction:column;gap:2px}.brand{display:flex;align-items:center;gap:11px;font-size:17px;letter-spacing:.5px;font-weight:800;padding:8px 10px 30px}.brand strong{color:var(--gold)}.brand small{display:block;font-size:9px;color:#9ba9c2;letter-spacing:2px;margin-top:5px}.mark{width:40px;height:40px;background:var(--gold);color:var(--navy);border-radius:12px;display:grid;place-items:center;font-size:24px}.navtitle{color:#71809f;font-size:10px;letter-spacing:2px;padding:14px 16px}.nav{display:flex;gap:13px;align-items:center;text-decoration:none;color:#b8c3d8;padding:12px 15px;border-radius:11px;font-weight:600}.nav span{font-size:19px;width:20px;text-align:center}.nav:hover,.nav.active{background:#29364f;color:#fff}.nav.active{box-shadow:inset 3px 0 var(--gold)}.profile{margin-top:auto;padding:24px 8px 4px;display:flex;align-items:center;gap:10px;border-top:1px solid #2a3851}.profile b,.profile small{display:block}.profile small{color:#9eabc4;margin-top:4px}.profile a{margin-left:auto;color:var(--gold);text-decoration:none;font-size:24px}.avatar{border-radius:50%;background:#42536f;padding:12px;font-weight:800}.main{flex:1;min-width:0;padding:32px 35px}.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.eyebrow{font-size:10px;color:#8792a5;letter-spacing:1.5px;font-weight:800}.topright{display:flex;gap:12px;align-items:center}.pill,.userbadge{padding:9px 13px;border-radius:30px;background:#e8f8ef;color:#18864d;font-size:11px;font-weight:800}.userbadge{background:#fff;color:#596982;text-transform:uppercase}.hero{background:linear-gradient(112deg,#1c2b46,#101b30);color:white;border-radius:20px;padding:34px 40px;display:flex;justify-content:space-between;overflow:hidden;margin-bottom:24px}.hero span{color:var(--gold);font-size:11px;font-weight:800;letter-spacing:2px}.hero h2{font-size:30px;line-height:1.3;margin:12px 0}.hero em{color:var(--gold);font-style:normal}.hero p{color:#aebbd1}.heroicon{font-size:120px;color:#f4b84420}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:22px}.stat,.panel{background:white;border:1px solid var(--line);border-radius:17px;padding:22px;box-shadow:0 5px 22px #15274405}.stat small{font-size:10px;font-weight:800;letter-spacing:1px;color:var(--muted)}.stat strong{display:block;font-size:24px;margin:17px 0 10px;white-space:nowrap}.stat span,.muted{font-size:12px;color:var(--muted)}.cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{margin-bottom:20px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;background:#f8f9fc;font-size:11px;letter-spacing:.3px;color:#6f7b91}td,th{padding:14px 12px;border-bottom:1px solid var(--line)}td{font-size:12px}tr:last-child td{border-bottom:0}.empty{text-align:center;color:var(--muted);padding:35px}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:end}label{display:block;font-weight:700;color:#58647b;font-size:12px}input,select{display:block;width:100%;margin-top:8px;padding:12px 13px;border:1px solid #dfe5ef;border-radius:9px;background:#fff;color:#23304a;font:inherit;min-width:0}button,.btn{border:0;border-radius:10px;background:var(--gold);padding:13px 18px;font-weight:800;color:#1b2639;cursor:pointer;text-decoration:none;display:inline-block}button:hover{filter:brightness(.95)}button.secondary{background:#e9edf5}.alert,.success{padding:15px;border-radius:12px;margin:12px 0 22px;background:#ffe8e8;color:#a31e2a}.success{background:#e6f9ec;color:#157d45}.inline{display:flex;gap:7px;align-items:center}.inline input{min-width:130px}.inline select{min-width:110px}.inline button{padding:10px}.posrow{display:flex;gap:12px;margin:12px 0}.posrow select{flex:1}.posrow input{width:110px}.total{display:flex;justify-content:space-between;align-items:center;background:#f8f9fc;padding:20px;border-radius:12px;margin:20px 0;font-size:17px}.total strong{font-size:25px}footer{font-size:11px;text-align:center;color:#a0aabc;margin:35px}.auth{display:grid;place-items:center;min-height:100vh;background:linear-gradient(140deg,#101b30,#2c4161)}.authbox{background:white;width:min(430px,95vw);border-radius:24px;padding:38px;box-shadow:0 25px 70px #0004}.authbox .logo{color:#15213a;font-size:23px;font-weight:800}.authbox .logo b{color:#dba025}.authbox h1{margin-top:30px}.authbox p{color:#8993a4}.authbox label{margin:17px 0}.authbox button{width:100%;margin-top:15px}@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.cols{grid-template-columns:1fr}}@media(max-width:760px){.layout{display:block}.sidebar{width:100%;padding:13px;display:flex;flex-direction:row;overflow-x:auto;align-items:center}.brand{padding:0 10px;flex:none}.navtitle,.profile{display:none}.nav{flex:none;padding:10px}.nav span{display:none}.main{padding:20px 13px}.topright{display:none}.hero{padding:25px}.hero h2{font-size:23px}.heroicon{display:none}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:14px}.stat strong{font-size:17px}.formgrid{grid-template-columns:1fr}}
/* Professional v4 refinements */
.sidebar{box-shadow:8px 0 32px rgba(8,16,36,.08)}.nav{transition:background .15s,transform .15s}.nav:hover{transform:translateX(3px)}.panel{box-shadow:0 10px 34px rgba(25,35,60,.045)}button,.btn{transition:filter .15s,transform .15s}button:hover,.btn:hover{filter:brightness(1.06)}button:active{transform:scale(.99)}