@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--navy:#071d45;--blue:#1646c5;--orange:#f59e0b;--bg:#f4f7fb;--text:#17243b;--muted:#748197;--line:#e6ebf2;--white:#fff;--red:#dc3545;--teal:#0f9f92;--shadow:0 10px 30px rgba(16,39,82,.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 'DM Sans',system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:linear-gradient(180deg,#061b42,#0a2859);color:#fff;padding:24px 16px;display:flex;flex-direction:column;z-index:20}.logo{display:flex;align-items:center;gap:11px;padding:0 9px 26px}.logo b{font-size:19px}.logo small,.sidebar-user small{display:block;color:#91a5cb;font-size:10px;letter-spacing:1.5px}.brand-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#ffb000,#f47700);color:#071d45;font-weight:800;box-shadow:0 8px 22px rgba(245,158,11,.3)}nav{display:grid;gap:4px;overflow:auto}nav a{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:9px;color:#b8c6df;font-weight:500}nav a i{font-style:normal;width:20px;text-align:center;font-size:17px}nav a:hover,nav a.active{background:rgba(255,255,255,.1);color:#fff}nav a.active{box-shadow:inset 3px 0 var(--orange)}.sidebar-user{margin-top:auto;display:flex;align-items:center;gap:9px;border-top:1px solid rgba(255,255,255,.12);padding:17px 8px 0}.sidebar-user div:nth-child(2){flex:1;min-width:0}.sidebar-user b{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff2cc;color:#956300;font-weight:700}.avatar.blue{background:#dfe9ff;color:var(--blue)}.app{margin-left:240px;padding:0 28px 40px;min-height:100vh}.app>header{height:88px;display:flex;align-items:center;justify-content:space-between}.app>header h1{margin:0;font-size:24px}.eyebrow{margin:0;color:var(--blue);font-size:10px;letter-spacing:1.7px;font-weight:700}.eyebrow.light{color:#a9c5ff}.header-actions{display:flex;align-items:center;gap:12px}.date{color:var(--muted)}.icon-btn,.menu-toggle{border:1px solid var(--line);background:#fff;border-radius:9px;width:38px;height:38px;display:grid;place-items:center}.menu-toggle{display:none}.welcome{background:linear-gradient(115deg,#092355,#1646c5);border-radius:18px;padding:28px 32px;color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow);position:relative;overflow:hidden}.welcome:after{content:'';position:absolute;width:260px;height:260px;border:55px solid rgba(255,255,255,.06);border-radius:50%;right:15%;top:-110px}.welcome h2{font-size:27px;margin:6px 0}.welcome p{margin:0;color:#c9d8f5}.quick-actions{z-index:1;display:flex;gap:9px}.btn{border:0;border-radius:9px;padding:11px 16px;font-weight:600;cursor:pointer;display:inline-block;text-align:center}.btn.primary{background:var(--blue);color:#fff}.btn.white{background:#fff;color:var(--navy)}.btn.outline-light{border:1px solid rgba(255,255,255,.5);color:#fff}.btn.danger{background:var(--red);color:#fff}.btn.small{padding:8px 12px}.btn.wide{width:100%}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.metric,.card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 16px rgba(16,39,82,.035)}.metric{display:flex;align-items:center;gap:15px;padding:20px}.metric p,.metric small{margin:0;color:var(--muted)}.metric h3{font-size:21px;margin:2px 0}.metric-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:19px;font-weight:700}.metric-icon.blue{background:#e8efff;color:var(--blue)}.metric-icon.orange{background:#fff2d9;color:#c97900}.metric-icon.teal{background:#dff7f4;color:var(--teal)}.metric-icon.red{background:#ffe7e7;color:var(--red)}.dashboard-grid,.page-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.card{padding:21px}.span2{grid-column:auto}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card h3,.card-head h3{margin:0;font-size:16px}.card-head p{margin:3px 0 0;color:var(--muted);font-size:12px}.card-head a{color:var(--blue);font-weight:600;font-size:12px}.pipeline{display:grid;gap:15px}.pipeline span{display:flex;justify-content:space-between}.pipeline em{font-style:normal;color:var(--muted)}.bar{height:7px;background:#eef1f6;border-radius:9px;margin-top:6px}.bar i{display:block;height:100%;min-width:2px;background:linear-gradient(90deg,var(--blue),#5c84ef);border-radius:9px}.clock{text-align:center;margin:14px}.clock strong{font-size:34px}.clock span{margin-left:5px;color:var(--muted)}.done{text-align:center;padding:12px;color:var(--teal);background:#ebfaf7;border-radius:9px}.stock-line{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.stock-line b,.stock-line small,td small{display:block}.stock-line small,td small{color:var(--muted)}.stock-line strong{color:var(--red);font-size:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th{text-align:left;font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);padding:10px;border-bottom:1px solid var(--line)}td{padding:12px 10px;border-bottom:1px solid #eff2f6;white-space:nowrap}.badge{padding:5px 8px;border-radius:20px;background:#edf1f7;color:#526177;font-size:11px;font-weight:600}.badge.new,.badge.present{background:#e7efff;color:var(--blue)}.badge.won,.badge.paid,.badge.approved{background:#e2f8f2;color:#087c70}.badge.lost,.badge.urgent,.badge.rejected{background:#ffe7e7;color:#b52b38}.badge.proposal,.badge.pending{background:#fff2d9;color:#a56500}.form-grid{display:grid;gap:13px;margin-top:16px}.form-grid label,.login-card label{font-size:12px;font-weight:600;color:#45546a}.form-grid input,.form-grid select,.form-grid textarea,.login-card input,.chat-form input{display:block;width:100%;border:1px solid #dbe1ea;border-radius:8px;padding:10px 11px;margin-top:5px;background:#fff;color:var(--text);outline:none}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.login-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #e8efff}.alert{padding:11px 14px;border-radius:9px;margin-bottom:15px}.alert.success{background:#e2f8f2;color:#087c70}.alert.error{background:#ffe7e7;color:#a8212e}.chat-layout{max-width:950px}.messages{padding-bottom:14px}.message-list{height:58vh;overflow:auto;padding:10px;background:#f8faff;border-radius:10px}.message{max-width:65%;background:#fff;border:1px solid var(--line);padding:10px 13px;border-radius:10px 10px 10px 2px;margin:8px 0}.message.mine{margin-left:auto;background:#e8efff;border-color:#cbd9ff;border-radius:10px 10px 2px 10px}.message b,.message small{font-size:10px;color:var(--muted)}.message p{margin:3px 0}.chat-form{display:flex;gap:8px;margin-top:12px}.chat-form input{margin:0}.module-placeholder{text-align:center;padding:60px 25px}.module-placeholder .metric-icon{margin:auto}.module-placeholder h2{margin-bottom:5px}.module-placeholder p{color:var(--muted)}.feature-list{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.feature-list span{padding:7px 10px;background:#eef3fb;border-radius:20px;color:#4b5c76}.login-page{min-height:100vh;display:grid;place-items:center;background:#eaf0fa}.login-shell{width:min(920px,92vw);min-height:540px;display:grid;grid-template-columns:1.1fr 1fr;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 25px 70px rgba(6,27,66,.2)}.login-brand{padding:60px;background:linear-gradient(140deg,#061b42,#1646c5);color:#fff;position:relative;overflow:hidden}.login-brand .brand-mark{width:60px;height:60px;font-size:20px}.login-brand h1{font-size:40px;margin:90px 0 5px}.login-brand p{color:#b9ccef}.energy-lines:before,.energy-lines:after{content:'';position:absolute;border:70px solid rgba(255,255,255,.06);border-radius:50%;width:340px;height:340px;bottom:-210px;right:-130px}.energy-lines:after{width:190px;height:190px;bottom:-120px;right:100px}.login-card{padding:70px 55px;display:flex;flex-direction:column;justify-content:center}.login-card h2{font-size:30px;margin:6px 0}.login-card p{color:var(--muted);margin-top:0}.login-card form{display:grid;gap:17px;margin:23px 0}.login-card small{text-align:center;color:var(--muted)}.overlay{display:none}
@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.page-grid{grid-template-columns:1fr}.span2{grid-column:auto}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.app{margin-left:0;padding:0 14px 30px}.menu-toggle{display:grid}.app>header{height:72px}.app>header h1{font-size:19px}.header-actions .date{display:none}.welcome{padding:23px;display:block}.welcome h2{font-size:22px}.quick-actions{margin-top:18px}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric{padding:14px;display:block}.metric-icon{width:34px;height:34px;margin-bottom:8px}.metric h3{font-size:17px}.metric small{display:none}.card{padding:15px}.overlay.show{display:block;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:10}.login-shell{grid-template-columns:1fr}.login-brand{display:none}.login-card{padding:45px 28px}.message{max-width:85%}}
@media(max-width:420px){.metric-grid{grid-template-columns:1fr}.quick-actions{display:grid}.header-actions .icon-btn{display:none}}