:root{--navy:#06173c;--blue:#0878f9;--cyan:#08bdf5;--text:#405169;--line:#dfe8f3;--bg:#f5f9fe}*{box-sizing:border-box}body{margin:0;font-family:"Segoe UI",Arial,sans-serif;color:var(--navy);background:var(--bg)}a{color:var(--blue)}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.brand-side{padding:52px clamp(35px,6vw,95px);display:flex;flex-direction:column;justify-content:space-between;color:white;background:radial-gradient(circle at 85% 80%,rgba(8,189,245,.25),transparent 27%),linear-gradient(145deg,#09275a,#04132e)}.brand-side img,.simple-card>img,.dashboard header img{width:250px;height:80px;object-fit:contain;object-position:left;background:white;border-radius:10px}.brand-side h1{max-width:610px;font-size:clamp(2.5rem,5vw,4.6rem);line-height:1.05;letter-spacing:-.055em;margin:20px 0}.brand-side p{max-width:560px;color:#cfe0f7;font-size:1.12rem}.brand-side small{color:#8aa8cf;letter-spacing:.15em}.tag{display:inline-block;color:var(--cyan);font-size:.78rem;font-weight:800;letter-spacing:.13em}.form-side{display:grid;place-items:center;padding:35px}.form-card,.simple-card{width:min(100%,460px);padding:42px;background:white;border:1px solid var(--line);border-radius:22px;box-shadow:0 22px 55px rgba(6,23,60,.1)}h1,h2{letter-spacing:-.04em}.form-card h2{font-size:2rem;margin:0 0 8px}.intro,.simple-card p{color:var(--text)}label{display:grid;gap:7px;margin:20px 0 0;font-size:.9rem;font-weight:700}input{width:100%;height:52px;padding:0 15px;border:1px solid #cad7e7;border-radius:11px;font:inherit;outline:none}input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(8,120,249,.1)}button,.secondary{width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;margin-top:22px;border:0;border-radius:11px;background:linear-gradient(135deg,var(--blue),#0560ce);color:white;font:inherit;font-weight:750;text-decoration:none;cursor:pointer}.secondary{color:var(--blue);background:white;border:1px solid var(--line)}.forgot{text-align:right;margin-top:12px;font-size:.9rem}.divider{display:flex;align-items:center;gap:12px;color:#8795a8;font-size:.85rem;margin:28px 0 0}.divider:before,.divider:after{content:"";height:1px;flex:1;background:var(--line)}.back{display:block;text-align:center;margin-top:25px;color:#66758a;text-decoration:none;font-size:.9rem}.notice{margin:18px 0;padding:13px 15px;color:#315172;background:#edf6ff;border:1px solid #d3e9ff;border-radius:10px;font-size:.92rem}.success{color:#12613f;background:#edfbf4;border-color:#cbeedc}.simple-page{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 80% 20%,rgba(8,120,249,.14),transparent 25%),var(--bg)}.simple-card>img{width:210px;height:65px}.simple-card h1{margin:25px 0 10px}.phone-icon{width:58px;height:58px;display:grid;place-items:center;margin-top:28px;color:white;background:var(--blue);border-radius:18px;font-size:1.7rem}.dashboard{min-height:100vh}.dashboard header{height:82px;padding:0 clamp(20px,6vw,80px);display:flex;align-items:center;justify-content:space-between;background:white;border-bottom:1px solid var(--line)}.dashboard header img{width:200px;height:58px}.dashboard header div{display:flex;align-items:center;gap:22px;color:var(--text);font-size:.9rem}.dashboard main{width:min(1080px,calc(100% - 40px));margin:80px auto}.dashboard main h1{font-size:clamp(2rem,4vw,3.5rem);margin:16px 0 8px}.dashboard main>p{color:var(--text)}.empty{margin-top:45px;padding:45px;display:grid;gap:8px;text-align:center;color:var(--text);background:white;border:1px dashed #b9cbe1;border-radius:20px}.empty strong{color:var(--navy);font-size:1.2rem}@media(max-width:820px){.auth-shell{grid-template-columns:1fr}.brand-side{min-height:330px;padding:35px}.brand-side small{display:none}.brand-side h1{font-size:2.5rem}.form-side{padding:25px 15px}.form-card,.simple-card{padding:30px 24px}.dashboard header span{display:none}}
