*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f5f6f7;color:#15181a}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#111719;color:#fff;padding:18px 14px;overflow:auto}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;margin-bottom:28px}.brand img{width:62px;height:auto;background:#fff;border-radius:8px}.brand small{font-weight:400;color:#aaa}.sidebar nav a{display:block;color:#e7e7e7;text-decoration:none;padding:11px 13px;border-radius:8px;margin:3px 0;font-size:14px;font-weight:600;transition:background .15s ease,color .15s ease}.sidebar nav a:hover{background:#ff6a00;color:#fff}.sidebar nav a.active{background:#ff6a00;color:#fff}.side-help{border:1px solid #666;border-radius:10px;padding:14px;text-align:center;margin-top:25px}.side-help b{color:#ff6a00;font-size:20px}.main{margin-left:245px}.topbar{height:64px;background:#fff;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center;padding:0 28px}.content{padding:26px;max-width:1500px;margin:auto}h1{margin:0 0 6px;font-size:30px}h2{margin:3px 0;font-size:30px}.muted,p{color:#667085}.hero{background:linear-gradient(110deg,#fff,#fff4eb);border:1px solid #f1d6c1;border-radius:14px;padding:22px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;overflow:hidden}.hero span{color:#f45d00;font-weight:700}.hero img{width:330px;max-height:100px;object-fit:contain}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.card,.panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px}.stat{display:flex;gap:14px;align-items:center}.stat .icon{width:46px;height:46px;border-radius:10px;background:#ff6a00;color:#fff;display:grid;place-items:center}.stat strong{display:block;font-size:28px}.grid2{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.panel-head,.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.page-head{margin-bottom:20px}.btn,button{background:#ff6500;color:#fff;border:0;border-radius:8px;padding:10px 15px;text-decoration:none;cursor:pointer;font-weight:700}.btn.small{padding:7px 10px;font-size:12px}.quick{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quick a,.doc-card{padding:18px;border:1px solid #eee;border-radius:10px;text-decoration:none;color:#222;background:#fff}.doc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.doc-card b,.doc-card span{display:block}.doc-card b{font-size:18px;margin-bottom:6px}.doc-card span{color:#777}.search{display:flex;gap:10px;margin-bottom:15px}.search input{flex:1}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.form-grid label{font-weight:700;font-size:13px}.form-grid input,.form-grid select,.form-grid textarea,.search input{width:100%;margin-top:6px;padding:10px;border:1px solid #d4d7dc;border-radius:8px;background:#fff}.form-grid textarea{min-height:90px;resize:vertical}.full{grid-column:1/-1}table{width:100%;border-collapse:collapse}th,td{padding:12px 10px;border-bottom:1px solid #eee;text-align:left;font-size:14px}th{background:#fafafa}.badge{padding:5px 8px;border-radius:99px;background:#eee;font-size:12px}.badge.new{background:#fff0e6;color:#e65300}.badge.converted{background:#e8f7ed;color:#16713a}.badge.lost{background:#feecec;color:#b42318}.flash{padding:12px 15px;margin:15px 26px;border-radius:8px}.flash.success{background:#eaf8ee;color:#16713a}.flash.error{background:#feecec;color:#b42318}.login{display:grid;place-items:center;min-height:100vh;background:#111719}.login-card{width:min(410px,92vw);background:#fff;padding:32px;border-radius:16px}.login-card img{width:100%;max-height:90px;object-fit:contain}.login-card h1{margin-top:20px}.login-card label{display:block;margin-top:15px;font-weight:700}.login-card input{width:100%;padding:12px;margin-top:6px;border:1px solid #ddd;border-radius:8px}.login-card button{width:100%;margin-top:20px;padding:13px}@media(max-width:1000px){.sidebar{width:215px}.main{margin-left:215px}.side-help{display:none}.cards{grid-template-columns:repeat(2,1fr)}.doc-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.sidebar{position:relative;width:100%;height:auto;max-height:none}.main{margin-left:0}.sidebar nav{display:grid;grid-template-columns:repeat(2,1fr);gap:2px}.sidebar nav a{margin:2px 0}.content{padding:15px}.topbar{padding:0 15px}.cards,.grid2,.form-grid,.doc-grid{grid-template-columns:1fr}.hero img{display:none}table{display:block;overflow:auto;white-space:nowrap}}
