:root{--navy:#153b50;--navy2:#0d2a3a;--orange:#e66a34;--green:#16877b;--bg:#edf2f4;--line:#d8e2e6;--muted:#6c7c85;--text:#17252e;--white:#fff;--red:#b63e38;--radius:16px;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button,a{transition:.18s ease}button{cursor:pointer}a{color:inherit}.hidden{display:none!important}.muted{color:var(--muted)}.eyebrow{margin:0 0 7px;color:var(--orange);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.brand{display:flex;align-items:center;gap:11px}.brand>span:last-child{display:grid}.brand small,.account small{color:var(--muted);font-size:11px}.logo{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:var(--navy);color:#fff;font-weight:900}.primary-button,.secondary-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;border-radius:11px;padding:10px 16px;border:1px solid transparent;font-weight:700;text-decoration:none}.primary-button{background:var(--orange);color:#fff}.primary-button:hover{background:#cf592a}.secondary-button{border-color:#cad7dd;background:#fff;color:#294958}.secondary-button:hover{background:#f2f6f7}.danger-button{background:var(--red);color:#fff}.link-button{border:0;background:transparent;color:#365563;font-weight:700}.icon-button{width:40px;height:40px;border-radius:11px;border:1px solid #cbd7dd;background:#fff;font-size:25px;color:var(--navy)}label{display:grid;gap:7px;font-size:13px;font-weight:700}input,select,textarea{width:100%;border:1px solid #cbd7dd;border-radius:10px;background:#fff;padding:10px 11px;color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px #e66a3422}textarea{min-height:90px;resize:vertical}.form-stack{display:grid;gap:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .wide{grid-column:1/-1}.check{display:flex;align-items:center;gap:9px}.check input{width:auto}.notice{border-radius:10px;padding:11px 13px}.notice.error{background:#fff0ef;color:#973631;border:1px solid #efcfcc}.setup-body{min-height:100vh;display:grid;place-items:center;padding:25px;background:linear-gradient(135deg,#eef3f5,#dfe9ed)}.setup-card{width:min(720px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px;box-shadow:0 25px 70px #193b4c20}.setup-card h1{margin:0 0 8px}.setup-card h2{margin:8px 0 -5px;font-size:17px}.setup-logo{display:grid;width:54px;height:54px;place-items:center;margin-bottom:20px;border-radius:15px;background:var(--navy);color:#fff;font-weight:900;font-size:20px}
.login-layout{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,56%) minmax(440px,44%);overflow:hidden}.login-hero{min-width:0;padding:clamp(34px,5vh,58px) clamp(42px,5vw,88px);background:linear-gradient(145deg,var(--navy2),var(--navy));color:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:28px}.login-hero>.brand{flex:0 0 auto}.login-hero h1{font-size:clamp(36px,2.8vw,50px);line-height:1.05;max-width:620px;margin:12px 0 18px;letter-spacing:-.025em;text-wrap:balance}.login-hero p:not(.eyebrow){color:#d8e5ea;font-size:clamp(15px,1.05vw,18px);max-width:600px;line-height:1.5;margin-bottom:0}.login-hero small{color:#b7cbd4}.login-security-note{display:block;max-width:680px;line-height:1.35}.login-hero .logo{background:#fff;color:var(--navy)}.login-hero-content{width:100%;max-width:880px;margin:auto;display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);align-items:center;justify-content:center;gap:clamp(26px,3vw,46px)}.login-logo-visual{width:100%;max-width:220px;max-height:220px;object-fit:contain;filter:drop-shadow(0 20px 35px #00192755)}.login-side{min-width:0;display:grid;place-items:center;padding:clamp(28px,4vw,64px);background:var(--bg)}.login-side-inner{width:min(470px,100%);display:grid;gap:18px}.login-mobile-brand{display:none}.login-card{width:100%;display:grid;gap:17px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(28px,2.4vw,38px);box-shadow:0 18px 50px #17374816}.login-card h2{font-size:clamp(28px,2vw,34px);margin:0;line-height:1.1}.login-card .muted{line-height:1.35;margin-top:3px;margin-bottom:6px}.login-card .primary-button{width:100%;margin-top:4px;min-height:44px}.login-card>small{text-align:center;color:var(--muted);line-height:1.35}

.topbar{height:74px;padding:0 clamp(18px,3vw,44px);display:flex;align-items:center;justify-content:space-between;gap:25px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.topbar nav{display:flex;align-self:stretch}.nav{position:relative;padding:0 17px;border:0;border-bottom:3px solid transparent;background:transparent;color:#526973;font-weight:700}.nav.active{color:var(--navy);border-bottom-color:var(--orange)}.nav em{position:absolute;top:12px;right:2px;display:grid;min-width:19px;height:19px;place-items:center;border-radius:20px;background:var(--orange);color:#fff;font-size:10px;font-style:normal}.account{display:flex;align-items:center;gap:9px}.account-user{display:grid;grid-template-rows:auto auto;gap:2px;max-width:180px;min-width:0;overflow:hidden;line-height:1.15}.account b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-name,.account-role{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-role{line-height:1.2}.account a{margin-left:7px;color:var(--muted);font-size:12px}.avatar{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#dce9ee;color:var(--navy);font-weight:800}.workspace{max-width:1560px;margin:auto;padding:25px clamp(14px,3vw,38px) 45px}.view{display:none}.view.active{display:block}.toolbar,.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.toolbar h1,.section-head h1{margin:0;font-size:30px}.month-nav,.toolbar-right,.stats{display:flex;align-items:center;gap:10px}.month-nav h1{min-width:220px;text-align:center;text-transform:capitalize}.stats{padding:10px 15px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:13px}.stats span+span{border-left:1px solid var(--line);padding-left:10px}.green{color:#176e66}.orange{color:#a84d26}

.logo-shell{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(180deg,#fff,#edf4f7);box-shadow:inset 0 1px 0 #fff2,0 8px 20px #06203218;overflow:hidden;flex:0 0 48px}.brand-mark{width:36px;height:36px;display:block;object-fit:contain}.login-hero .logo-shell{background:linear-gradient(180deg,#ffffff,#e8eef2)}.login-hero .brand span:last-child{display:grid;gap:2px}.login-hero .brand span:last-child small{color:#c8d8df;font-size:12px}.topbar .brand span:last-child{display:grid;gap:2px}


/* 1.6.10: адаптивный экран входа */
@media(max-width:1450px) and (min-width:1101px){
  .login-layout{grid-template-columns:minmax(0,55%) minmax(420px,45%)}
  .login-hero{padding-inline:clamp(36px,4.5vw,64px)}
  .login-hero-content{grid-template-columns:minmax(145px,185px) minmax(0,1fr);gap:28px}
  .login-logo-visual{max-width:185px;max-height:185px}
  .login-hero h1{font-size:clamp(34px,3vw,44px)}
  .login-side{padding-inline:clamp(28px,3.5vw,48px)}
  .login-side-inner{width:min(450px,100%)}
}
@media(max-height:760px) and (min-width:1101px){
  .login-hero{padding-block:26px;gap:18px}
  .login-hero-content{grid-template-columns:150px minmax(0,1fr);gap:24px}
  .login-logo-visual{max-width:150px;max-height:150px}
  .login-hero h1{font-size:clamp(32px,2.55vw,42px);margin-block:8px 12px}
  .login-hero p:not(.eyebrow){font-size:15px;line-height:1.4}
  .login-card{gap:13px;padding:26px 30px}
  .login-card h2{font-size:28px}
}
@media(max-width:1100px){
  .login-layout{grid-template-columns:1fr;overflow:auto;background:linear-gradient(160deg,#eef3f5,#e5edf0)}
  .login-hero{display:none}
  .login-side{min-height:100vh;min-height:100dvh;padding:clamp(24px,6vw,54px)}
  .login-side-inner{width:min(500px,100%);gap:22px}
  .login-mobile-brand{display:flex;color:var(--text);justify-content:center}
  .login-mobile-brand .logo-shell{box-shadow:0 8px 24px #1737481c}
  .login-mobile-brand small{font-size:12px}
  .login-card{padding:clamp(28px,5vw,40px)}
}
@media(max-width:600px){
  .login-side{place-items:start center;padding:18px 14px 26px}
  .login-side-inner{gap:16px}
  .login-mobile-brand{justify-content:flex-start;padding:4px 6px 0}
  .login-mobile-brand .logo-shell{width:44px;height:44px;flex-basis:44px;border-radius:12px}
  .login-mobile-brand .brand-mark{width:34px;height:34px}
  .login-mobile-brand b{font-size:14px}
  .login-mobile-brand small{font-size:10px}
  .login-card{border-radius:17px;padding:24px 20px;gap:15px}
  .login-card h2{font-size:28px}
  .login-card .eyebrow{font-size:11px}
}
@media(max-width:380px){
  .login-side{padding-inline:10px}
  .login-card{padding-inline:17px}
}