:root{--graphite:#252630;--graphite-deep:#1b1c23;--orange:#f47b0b;--orange-dark:#db6500;--orange-soft:#fff1e5;--sand:#f4f2eb;--paper:#fff;--ink:#22242a;--muted:#777a81;--line:#e3e3e5;--green:#397a4b;--danger:#a93030;--shadow:0 18px 46px rgba(28,29,33,.10)}
*{box-sizing:border-box}html{min-width:320px}body{margin:0;color:var(--ink);background:var(--sand);font:15px/1.5 "Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}a,button,input{transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}
.brand{display:grid;gap:5px;color:var(--graphite)}.brand b{font-size:24px;font-weight:950;line-height:1;letter-spacing:.075em}.brand i{color:var(--orange);font-style:normal}.brand span{font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--muted)}
.auth-shell{position:relative;min-height:100vh;display:grid;place-items:center;overflow:hidden;padding:38px 24px;isolation:isolate;background:radial-gradient(circle at 12% 18%,rgba(244,123,11,.16),transparent 28%),linear-gradient(135deg,#f8f7f3 0 61%,#efede5 61% 100%)}.auth-shell::before{content:"SOLARGY";position:fixed;z-index:-1;left:-14px;bottom:-42px;color:rgba(37,38,48,.035);font-size:clamp(92px,17vw,240px);font-weight:950;line-height:.8;letter-spacing:-.07em;pointer-events:none}.auth-card{position:relative;width:min(460px,100%);padding:34px;overflow:hidden;background:var(--paper);border:1px solid var(--line);border-top:5px solid var(--orange);border-radius:22px;box-shadow:0 28px 80px rgba(28,29,33,.16)}.auth-card::after{content:"";position:absolute;top:-44px;right:-44px;width:118px;height:118px;border:22px solid var(--orange-soft);border-radius:50%;pointer-events:none}.auth-card h1{margin:32px 0 7px;font-size:29px;line-height:1.1;letter-spacing:-.03em}.muted,.heading p{margin:0;color:var(--muted)}
.form-stack{display:grid;gap:15px;margin-top:24px}label{color:#34363c;font-size:13px;font-weight:850;letter-spacing:.015em}input{display:block;width:100%;margin-top:7px;padding:12px 13px;color:var(--ink);background:#fff;border:1px solid #d8d8da;border-radius:10px;outline:none}input:hover{border-color:#bfc0c3}input:focus{border-color:var(--orange);box-shadow:0 0 0 4px rgba(244,123,11,.13)}
button.primary,button.secondary,button.danger{min-height:44px;border:0;border-radius:10px;padding:12px 17px;font-weight:900;cursor:pointer}button.primary{color:#fff;background:var(--orange);box-shadow:0 8px 18px rgba(244,123,11,.22)}button.primary:hover{background:var(--orange-dark);transform:translateY(-1px)}button.secondary{color:var(--ink);background:#ededee}button.secondary:hover{background:#e2e2e4}button.danger{color:var(--danger);background:#f9e5e5}button.danger:hover{background:#f4d7d7}.auth-link{display:block;width:max-content;margin:20px auto 0;color:var(--orange-dark);font-weight:800;text-decoration:none;border-bottom:1px solid rgba(219,101,0,.32)}.auth-link:hover{color:var(--orange);border-color:var(--orange)}
.alert{margin:17px 0;padding:13px 15px;color:var(--green);background:#eaf5ec;border-left:4px solid #54a66e;border-radius:10px;font-weight:750}.alert.error{color:var(--danger);background:#f9e5e5;border-color:#ca6767}
.shell{min-height:100vh;display:grid;grid-template-columns:264px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:31px 19px 22px;color:#fff;background:radial-gradient(circle at 0 100%,rgba(244,123,11,.14),transparent 31%),linear-gradient(180deg,var(--graphite) 0%,var(--graphite-deep) 100%);border-top:5px solid var(--orange)}.brand.light{padding:0 11px;color:#fff}.brand.light b{color:#fff}.brand.light span{color:#b9bbc2}.sidebar nav{display:grid;gap:6px;margin-top:35px}.sidebar nav a,.side-bottom a,.side-bottom button{display:flex;align-items:center;width:100%;min-height:45px;border:0;border-radius:10px;padding:11px 12px;color:#d7d8dc;background:transparent;text-align:left;text-decoration:none;font-weight:800;cursor:pointer}.sidebar nav a::before{width:27px;color:#81838b;font-size:10px;font-weight:900;letter-spacing:.08em}.sidebar nav a:nth-child(1)::before{content:"01"}.sidebar nav a:nth-child(2)::before{content:"02"}.sidebar nav a:nth-child(3)::before{content:"03"}.sidebar nav a:nth-child(4)::before{content:"04"}.sidebar nav a:hover,.sidebar nav a.active,.side-bottom a:hover,.side-bottom button:hover{color:#fff;background:rgba(255,255,255,.08)}.sidebar nav a.active{background:var(--orange);box-shadow:0 9px 20px rgba(0,0,0,.17)}.sidebar nav a.active::before{color:rgba(255,255,255,.72)}.side-bottom{display:grid;gap:4px;margin-top:auto}.side-bottom form{margin:0}.side-bottom a{color:#fff}.side-bottom button{color:#aeb0b7}
.workspace{min-width:0;background:linear-gradient(rgba(255,255,255,.35),rgba(255,255,255,.35)),var(--sand)}.topbar{position:sticky;z-index:5;top:0;min-height:78px;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:16px 32px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.topbar strong{display:block;font-size:14px;letter-spacing:.01em}.topbar span{display:block;color:var(--muted);font-size:12px}.user{position:relative;padding:8px 13px 8px 30px;color:var(--ink);background:#f1f1f2;border:1px solid #e3e3e4;border-radius:999px;font-size:12px;font-weight:850}.user::before{content:"";position:absolute;left:10px;top:50%;width:10px;height:10px;background:#54a66e;border:2px solid #fff;border-radius:50%;transform:translateY(-50%);box-shadow:0 0 0 1px rgba(84,166,110,.25)}
.content{max-width:1200px;margin:auto;padding:38px 34px 56px}.heading{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:24px}.heading h1{margin:0 0 7px;font-size:clamp(28px,3.3vw,42px);line-height:1;letter-spacing:-.045em}.heading p{font-size:16px}.badge{padding:8px 12px;color:var(--orange-dark);background:var(--orange-soft);border:1px solid #ffd0a9;border-radius:999px;font-size:12px;font-weight:850;white-space:nowrap}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:20px}.stats article{position:relative;min-height:148px;overflow:hidden;padding:22px;background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--orange);border-radius:17px;box-shadow:0 8px 26px rgba(28,29,33,.045)}.stats article::after{content:"";position:absolute;right:-26px;bottom:-35px;width:94px;height:94px;border:17px solid #f6f6f6;border-radius:50%}.stats span,.stats small{position:relative;z-index:1;display:block;color:var(--muted);font-size:12px;font-weight:750}.stats strong{position:relative;z-index:1;display:block;margin:8px 0 4px;font-size:32px;line-height:1}
.panel{padding:23px;background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:0 9px 28px rgba(28,29,33,.045)}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.panel h2{margin:0;font-size:19px}.panel a{color:var(--orange-dark)}.service-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.service-list a,.links a{position:relative;min-height:142px;display:flex;flex-direction:column;padding:18px;overflow:hidden;color:var(--ink);background:#fafafa;border:1px solid var(--line);border-radius:13px;text-decoration:none}.service-list a::before,.links a::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--orange)}.service-list a:hover,.links a:hover{border-color:#ffc691;box-shadow:0 10px 24px rgba(244,123,11,.10);transform:translateY(-2px)}.service-list strong,.service-list span,.service-list b,.links strong,.links span{display:block}.service-list strong,.links strong{font-size:16px}.service-list span,.links span{margin-top:5px;color:var(--muted);font-size:12px}.service-list b{margin-top:auto;padding-top:16px;color:var(--orange-dark);font-size:12px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.actions{display:flex;justify-content:flex-end;margin-top:20px}.hint{margin:20px 0 0;padding-top:17px;color:var(--muted);border-top:1px solid var(--line);font-size:13px}.hint.top{margin:10px 0 0;padding-top:0;border-top:0}.links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.recovery-code{margin-bottom:18px;padding:20px 22px;color:#70400f;background:#fff7e8;border:2px solid var(--orange);border-radius:16px;box-shadow:0 10px 26px rgba(244,123,11,.08)}.recovery-code span,.recovery-code small{display:block}.recovery-code strong{display:block;margin:8px 0;font-size:24px;letter-spacing:.08em;overflow-wrap:anywhere}.recovery-code small{color:var(--muted)}
@media(max-width:900px){.shell{grid-template-columns:222px minmax(0,1fr)}.sidebar{padding-left:13px;padding-right:13px}.content{padding-left:24px;padding-right:24px}.service-list{grid-template-columns:1fr}.service-list a{min-height:116px}}
@media(max-width:700px){.shell{display:block}.sidebar{position:relative;height:auto;padding:18px 14px 14px;border-top-width:4px}.brand.light{padding:0 7px}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.sidebar nav a{min-height:42px;padding:9px 10px;font-size:13px}.sidebar nav a::before{display:none}.side-bottom{display:none}.topbar{position:relative;min-height:66px;padding:13px 18px}.topbar span{display:none}.user{display:none}.content{padding:26px 17px 42px}.heading{display:block}.heading h1{font-size:31px}.heading p{font-size:14px}.badge{display:inline-block;margin-top:14px}.stats,.form-grid,.links,.security-grid{grid-template-columns:1fr}.stats article{min-height:126px}.panel{padding:18px}}
@media(max-width:440px){.auth-shell{padding:18px 12px}.auth-card{padding:27px 21px;border-radius:18px}.auth-card h1{font-size:25px}.brand b{font-size:21px}.sidebar nav{grid-template-columns:1fr}.heading h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}