*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);height:100%;line-height:1.5;-webkit-font-smoothing:antialiased}img,svg{max-width:100%;display:block}button,input,textarea{font-family:inherit;border:none;outline:none}:root{--primary:#1f3a5f;--primary-light:#2e5b8a;--accent:#f59e0b;--bg:#f4f6f8;--bg-card:#ffffff;--text:#1a1a1a;--text-light:#6b7280;--border:#e5e7eb;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--radius:10px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--max-width:1200px}[class*="5p"]{border:5px solid transparent;box-sizing:border-box}[class*="10p"]{border:10px solid transparent;box-sizing:border-box}[class*="16p"]{border:16px solid transparent;box-sizing:border-box}[class*="20p"]{border:20px solid transparent;box-sizing:border-box}[class*="30p"]{border:30px solid transparent;box-sizing:border-box}[class*="40p"]{border:40px solid transparent;box-sizing:border-box}[class*="50p"]{border:50px solid transparent;box-sizing:border-box}.container{width:100%;max-width:var(--max-width);margin:auto;padding:0 var(--space-lg)}.page{padding:var(--space-xl) 0}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-lg)}.grid{display:grid;grid-gap:var(--space-lg);gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.header{background:var(--bg-card);display:flex;align-items:center}.logo{font-weight:700;font-size:18px;color:var(--primary)}.sidebar{width:240px;background:var(--primary);color:white;height:100vh;padding:var(--space-lg)}.sidebar a{color:white;text-decoration:none;display:block;padding:10px;border-radius:var(--radius);margin-bottom:6px}.sidebar a:hover{background:var(--primary-light)}a,button{outline:none;text-decoration:none}.btn{padding:8px 10px;border-radius:var(--radius);font-weight:500;cursor:pointer;transition:.2s}.btn-primary{background:var(--primary);color:white}.btn-primary:hover{background:var(--primary-light)}.btn-accent{background:var(--accent);color:white}.btn-outline{border:1px solid var(--border);background:white}.input{width:100%;padding:12px;border-radius:var(--radius);border:1px solid var(--border);font-size:14px}.input:focus{border-color:var(--primary)}.form-group{margin-bottom:var(--space-md)}.label{display:block;margin-bottom:6px;font-size:14px;color:var(--text-light)}.login-container{height:100vh;display:flex;align-items:center;justify-content:center}.login-box{width:100%;max-width:420px;padding:var(--space-xl)}.login-box,.stat{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border)}.stat{padding:var(--space-lg)}.stat-title{font-size:14px;color:var(--text-light)}.stat-value{font-size:26px;font-weight:600}.chart-card{background:var(--bg-card);border-radius:var(--radius)}.chart-card,.plan-card{padding:var(--space-lg);border:1px solid var(--border)}.plan-card{border-radius:var(--radius);text-align:center}.price{font-size:32px;font-weight:700;margin:var(--space-md) 0}.chat-container{display:flex;flex-direction:column;height:100%}.chat-messages{flex:1 1;overflow-y:auto;padding:var(--space-lg)}.message{max-width:70%;padding:12px 16px;border-radius:var(--radius);margin-bottom:10px}.message-user{background:var(--primary);color:white;margin-left:auto}.message-bot{background:#e5e7eb}.chat-input{border-top:1px solid var(--border);padding:var(--space-md);display:flex;gap:10px}.chat-input input{flex:1 1}.audio-btn{width:42px;height:42px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;cursor:pointer}.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;padding:12px;border-bottom:1px solid var(--border)}.table th{color:var(--text-light);font-size:13px}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}.sidebar{display:none}.container{padding:0 var(--space-md)}.chat-input{flex-direction:row}}