html,body,#root{width:100%;min-height:100%}body,#root{min-height:100vh}:root{--corporate-navy: #061a32;--corporate-blue: #0b5ed7;--corporate-cyan: #00a3ff;--corporate-teal: #14b8a6;--corporate-surface: #f3f7fb;--corporate-text: #10243e}*{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;background:var(--corporate-surface);color:var(--corporate-text)}button,input{font:inherit}button{cursor:pointer;border:0}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 15% 15%,#0b5ed7 0,transparent 32%),linear-gradient(145deg,#061a32,#0a2748 62%,#063b5c)}.login-card{width:min(430px,92vw);background:#fff;padding:40px;border-radius:26px;box-shadow:0 30px 80px #0008}.brand{font-weight:800;font-size:21px}.brand span{color:var(--corporate-cyan)}.login-card h1{margin:42px 0 8px;font-size:30px}.login-card p,.muted{color:#768098}.login-card form{display:grid;gap:13px;margin:25px 0}input{width:100%;padding:14px 16px;border:1px solid #dfe5ef;border-radius:12px;outline:0}input:focus{border-color:#2d75ec;box-shadow:0 0 0 3px #2d75ec20}button{background:linear-gradient(135deg,var(--corporate-blue),#087cc9);color:#fff;padding:13px 18px;border-radius:12px;font-weight:700}.login-card a{color:#2465d7;cursor:pointer}.error{background:#fff1f2;color:#b42318;padding:10px;border-radius:10px}.app{display:grid;grid-template-columns:235px 1fr;min-height:100vh}aside{background:linear-gradient(180deg,var(--corporate-navy),#082746);color:#c8d5eb;padding:28px 18px;display:flex;flex-direction:column}aside nav{display:grid;gap:8px;margin-top:55px}aside nav button,.logout{display:flex;gap:12px;align-items:center;background:transparent;color:#8fa2c2;text-align:left}.active{background:linear-gradient(135deg,#0b5ed7,#087cc9)!important;color:#fff!important}.logout{margin-top:auto}.app main{padding:28px 40px;max-width:1400px;width:100%}.app header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.app header h1{margin:0}.app header p{margin:5px 0;color:#7c879c}.online,.ok{color:var(--corporate-teal)}.hero{background:linear-gradient(120deg,#063b6f,#061a32 72%);color:#fff;border-radius:22px;padding:30px;display:flex;justify-content:space-between;align-items:center}.hero h2{font-size:40px;letter-spacing:5px;margin:8px 0}.hero p{color:#b8c8e3}.pass{display:grid;grid-template-columns:1fr auto;gap:5px 12px;align-items:center;background:#ffffff12;padding:20px;border-radius:16px}.pass small,.pass span{grid-column:1/-1}.pass strong{font-size:32px;letter-spacing:8px}.icon{padding:9px;display:grid;place-items:center}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.panel{background:#fff;padding:24px;border:1px solid #e7ebf2;border-radius:18px;box-shadow:0 10px 30px #1b3a6810}.panel input{margin-bottom:12px}.checks{background:#eff6ff;color:#275da9;padding:12px;border-radius:10px;margin-bottom:16px}.secondary{background:#eaf1ff;color:#1f5ec8;display:flex;gap:8px;align-items:center}video{width:100%;height:220px;background:#071226;border-radius:12px;margin-bottom:12px}.messages{height:390px;background:#f6f8fb;padding:15px;border-radius:12px;overflow:auto}.messages div{background:#dfeaff;padding:10px 14px;margin:8px;border-radius:12px}.compose{display:flex;gap:8px;margin-top:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.stats div{background:#fff;padding:20px;border-radius:15px}.stats small,.stats b,.row small{display:block}.stats b{font-size:28px;margin-top:7px}.row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:14px;border-bottom:1px solid #eee}.off{color:#e5484d}.loading{display:grid;place-items:center;height:100vh}@media(max-width:800px){.app{grid-template-columns:1fr}aside{display:none}.app main{padding:18px}.hero,.grid2{display:block}.pass{margin-top:20px}.grid2 .panel{margin-top:15px}.stats{grid-template-columns:1fr 1fr}.hero h2{font-size:25px}}.usage-card{display:flex;justify-content:space-between;align-items:center;padding:28px;border-radius:20px;background:linear-gradient(120deg,#17376f,#10264e);color:#fff}.usage-card h2{font-size:30px;margin:8px 0}.minutes{display:grid;text-align:right;gap:6px}.minutes strong{font-size:26px;color:#5ce1b7}.billing-options{display:flex;gap:15px;align-items:end;margin:20px 0}.billing-options label{font-size:13px;font-weight:700;color:#526079}.billing-options input,.billing-options select{display:block;margin-top:6px;padding:10px;border:1px solid #dfe5ef;border-radius:10px;background:#fff}.billing-options input{width:100px}.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.plan{position:relative;background:#fff;border:1px solid #e3e8f0;border-radius:18px;padding:22px}.plan.featured{border:2px solid #2872ed;box-shadow:0 12px 35px #2872ed22}.plan em{position:absolute;right:12px;top:12px;font-size:10px;color:#2872ed;font-weight:800}.plan .price{font-size:24px;font-weight:800;margin:15px 0}.plan p{font-size:13px;color:#647089;min-height:28px}.plan button{width:100%;margin-top:12px}.plan button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:1100px){.plans{grid-template-columns:1fr 1fr}}@media(max-width:650px){.plans{grid-template-columns:1fr}.usage-card{display:block}.minutes{text-align:left;margin-top:20px}}