:root{
  --navy:#0a2239;
  --navy-2:#123c5a;
  --blue:#1769d2;
  --blue-2:#2f87ec;
  --cyan:#0ea5a3;
  --ink:#142235;
  --text:#142235;
  --muted:#647386;
  --line:#d8e3ec;
  --line-strong:#c5d4e0;
  --bg:#edf3f8;
  --white:#fff;
  --shadow:0 12px 34px rgba(17,45,70,.08);
  --shadow-lg:0 28px 70px rgba(5,29,50,.2);
  --brand-yellow:#f4ed18;
  --brand-indigo:#262272;
}

html{scroll-behavior:smooth}
body{
  min-height:100vh;
  font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif;
  background:
    radial-gradient(circle at 90% 0,rgba(47,135,236,.09),transparent 28rem),
    linear-gradient(180deg,#f6f9fc 0,#edf3f8 100%);
  color:var(--ink);
}

button,a,input,select,textarea{transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease,transform .18s ease}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(23,105,210,.24);outline-offset:2px}
button:active,.ghost-btn:active{transform:translateY(1px)}

.sidebar{
  width:280px;
  padding:30px 20px 24px;
  overflow:hidden;
  background:
    radial-gradient(circle at 0 0,rgba(44,143,198,.25),transparent 16rem),
    linear-gradient(170deg,#0c2d49 0%,#071b2e 68%,#061827 100%);
  border-right:1px solid rgba(255,255,255,.08);
  box-shadow:12px 0 40px rgba(7,27,46,.13);
  transition:transform .24s ease,box-shadow .24s ease;
}
.sidebar:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(255,255,255,.06);border-radius:50%;right:-145px;bottom:110px;box-shadow:0 0 0 34px rgba(255,255,255,.025),0 0 0 70px rgba(255,255,255,.018);pointer-events:none}
.brand{gap:14px;padding:0 8px 32px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:22px}
.brand strong{font-size:1.08rem;letter-spacing:.01em}
.brand small,.sidebar-foot small{font-size:.8rem;color:#9fb6c9}
.brand-logo-icon{position:relative;display:block;width:50px;height:50px;flex:0 0 50px;overflow:hidden;background:transparent;border:0;box-shadow:none}
.brand-logo-icon img{position:absolute;width:132px;height:132px;max-width:none;left:-35px;top:-10px;mix-blend-mode:screen}
.sidebar .brand-logo-icon{isolation:isolate;width:60px;height:60px;flex-basis:60px;border:0;border-radius:0;background:transparent;box-shadow:none}
.sidebar .brand-logo-icon img{width:150px;height:150px;left:-47px;top:-9px;filter:drop-shadow(0 0 1px rgba(255,255,255,.72)) drop-shadow(0 4px 8px rgba(0,0,0,.28))}
.sidebar nav{gap:8px}
.sidebar nav a{position:relative;padding:12px 14px;border:1px solid transparent;border-radius:11px;color:#bfd0dd;font-size:.93rem;font-weight:600}
.sidebar nav a:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.07)}
.sidebar nav a.active{background:linear-gradient(90deg,rgba(40,127,205,.3),rgba(40,127,205,.1));border-color:rgba(118,188,246,.18);box-shadow:inset 3px 0 0 var(--brand-yellow);color:#fff}
.nav-icon{display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px;border-radius:8px;background:rgba(255,255,255,.07)}
.nav-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sidebar nav a.active .nav-icon{background:var(--brand-yellow);color:var(--brand-indigo)}
.top-userbar{position:fixed;z-index:35;top:0;right:0;left:280px;height:72px;display:flex;align-items:center;justify-content:space-between;padding:10px 38px;border-bottom:1px solid rgba(193,209,221,.78);background:rgba(255,255,255,.9);box-shadow:0 5px 20px rgba(17,45,70,.045);backdrop-filter:blur(12px);transition:left .24s ease}.sidebar-toggle{display:grid;place-items:center;width:42px;height:42px;border:1px solid #d4e1e9;border-radius:10px;background:#f6f9fb;color:#42627a}.sidebar-toggle:hover{border-color:#a9c0d1;background:#eaf2f7;color:#195c91}.sidebar-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.user-menu-shell{position:relative;width:270px}.profile-toggle{display:flex;align-items:center;width:100%;gap:10px;padding:6px 8px;border:1px solid transparent;border-radius:12px;background:transparent;color:#1b3d57;text-align:left}.profile-toggle:hover,.profile-toggle[aria-expanded="true"]{border-color:#d4e1e9;background:#eef5f9}.profile-copy{display:flex;min-width:0;flex:1;flex-direction:column}.profile-copy strong,.profile-copy small{max-width:175px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-copy small{margin-top:2px;color:#748695;font-size:.72rem}.profile-toggle>svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:#7890a2;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s}.profile-toggle[aria-expanded="true"]>svg{transform:rotate(180deg)}.profile-menu{position:absolute;top:calc(100% + 8px);right:0;width:280px;padding:7px;border:1px solid #d6e2ea;border-radius:13px;background:#fff;box-shadow:0 18px 48px rgba(0,15,28,.22);color:#203b51}.profile-menu[hidden]{display:none}.profile-menu:after{content:"";position:absolute;right:25px;top:-7px;width:12px;height:12px;transform:rotate(45deg);border-left:1px solid #d6e2ea;border-top:1px solid #d6e2ea;background:#fff}.profile-menu button{position:relative;z-index:1;display:grid;width:100%;grid-template-columns:27px 1fr;align-items:center;gap:7px;padding:10px;border-radius:8px;background:transparent;color:#29475d;text-align:left}.profile-menu button:hover{background:#edf5fa}.profile-menu button>span:first-child{color:#2773b4;font-size:1.05rem;text-align:center}.profile-menu button>span:last-child{display:flex;flex-direction:column;font-weight:700}.profile-menu small{margin-top:2px;color:#7b8b98;font-size:.7rem;font-weight:500}.profile-menu .profile-logout{margin-top:5px;border-top:1px solid #e3eaf0;border-radius:0 0 8px 8px;color:#b12e27}.profile-menu .profile-logout>span:first-child{color:#b12e27}
.avatar{width:40px;height:40px;flex:0 0 40px;background:linear-gradient(145deg,#e8f3ff,#a9d3fa);color:#0c4d83;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.user-menu-shell{width:44px}.profile-toggle{display:grid;width:44px;height:44px;padding:0;place-items:center;border-color:#d4e1e9;border-radius:50%;background:linear-gradient(145deg,#f7fbfe,#e6f0f6);color:#285a7c;box-shadow:0 5px 16px rgba(17,45,70,.1)}.profile-toggle:hover,.profile-toggle[aria-expanded="true"]{border-color:#8fb8d3;background:#e3f0f7}.profile-toggle>svg{width:23px;height:23px;stroke:currentColor}.profile-toggle[aria-expanded="true"]>svg{transform:none}.profile-menu-identity{display:flex;align-items:center;gap:10px;margin:-1px -1px 6px;padding:11px 10px 12px;border-bottom:1px solid #e3eaf0;border-radius:9px 9px 0 0;background:#f5f9fb}.profile-menu-identity>span:last-child{display:flex;min-width:0;flex-direction:column}.profile-menu-identity strong,.profile-menu-identity small{max-width:195px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-menu-identity small{margin-top:3px;color:#768796;font-size:.72rem}.profile-menu-identity .avatar{width:36px;height:36px;flex-basis:36px;font-size:.76rem;box-shadow:none}
.topbar-actions{display:flex;align-items:center;gap:10px}.notification-shell{position:relative}.notification-toggle{position:relative;display:grid;width:42px;height:42px;place-items:center;border:1px solid #d4e1e9;border-radius:50%;background:#f7fafc;color:#42627a}.notification-toggle:hover,.notification-toggle[aria-expanded="true"]{border-color:#8fb8d3;background:#e3f0f7;color:#195c91}.notification-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.notification-toggle span{position:absolute;top:-4px;right:-3px;display:grid;min-width:19px;height:19px;padding:0 5px;place-items:center;border:2px solid #fff;border-radius:12px;background:#df3d35;color:#fff;font-size:.65rem;font-weight:800}.notification-menu{position:absolute;top:calc(100% + 9px);right:-52px;width:min(365px,calc(100vw - 36px));overflow:hidden;border:1px solid #d6e2ea;border-radius:14px;background:#fff;box-shadow:0 20px 54px rgba(0,15,28,.22)}.notification-menu[hidden]{display:none}.notification-head{display:flex;align-items:center;justify-content:space-between;padding:14px 15px;border-bottom:1px solid #e4ebf0;background:#f6f9fb}.notification-head strong{font-size:.92rem}.notification-head small{color:#718391;font-size:.72rem}.notification-item{display:block;width:100%;padding:13px 15px;border-bottom:1px solid #edf1f4;border-radius:0;background:#fff;color:#29475d;text-align:left}.notification-item:last-child{border-bottom:0}.notification-item:hover{background:#f1f7fb}.notification-item strong,.notification-item span,.notification-item small{display:block}.notification-item strong{font-size:.86rem}.notification-item span{margin-top:4px;color:#657887;font-size:.76rem;line-height:1.4}.notification-item small{margin-top:6px;color:#8a98a4;font-size:.68rem}.notification-empty{padding:24px 16px;color:#718391;font-size:.82rem;text-align:center}
.language-shell{position:relative}.language-toggle{display:flex;height:42px;align-items:center;gap:7px;padding:0 11px;border:1px solid #d4e1e9;border-radius:21px;background:#f7fafc;color:#42627a;font-size:.73rem;font-weight:800}.language-toggle:hover,.language-toggle[aria-expanded="true"]{border-color:#8fb8d3;background:#e3f0f7;color:#195c91}.language-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.language-menu{position:absolute;top:calc(100% + 9px);right:0;width:190px;padding:6px;border:1px solid #d6e2ea;border-radius:11px;background:#fff;box-shadow:0 18px 46px rgba(0,15,28,.18)}.language-menu[hidden]{display:none}.language-menu button{display:flex;width:100%;align-items:center;justify-content:space-between;padding:10px 11px;border-radius:7px;background:transparent;color:#29475d;text-align:left}.language-menu button:hover,.language-menu button.active{background:#eaf3f9;color:#165f96}.language-menu small{color:#82919d;font-size:.68rem}

main{margin-left:280px;padding:104px 46px 60px;max-width:none;transition:margin-left .24s ease,padding .24s ease}
.sidebar-collapsed .sidebar{transform:translateX(-100%);box-shadow:none}.sidebar-collapsed .top-userbar{left:0}.sidebar-collapsed main{max-width:1680px;margin-left:auto;margin-right:auto}
header{margin-bottom:28px;padding:3px 0}
.eyebrow{font-size:.74rem;color:var(--blue);letter-spacing:.15em}
h1{font-size:2rem;letter-spacing:-.035em;line-height:1.16}
h2{font-size:1.08rem;letter-spacing:-.01em}
.primary,.success,.danger,.ghost-btn{min-height:41px;border-radius:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.primary{background:linear-gradient(135deg,var(--blue),#0f58b4);box-shadow:0 8px 20px rgba(23,105,210,.23);padding:11px 18px}
.primary:hover{background:linear-gradient(135deg,#2479df,#0c50a5);box-shadow:0 11px 25px rgba(23,105,210,.29);transform:translateY(-1px)}
.success{background:linear-gradient(135deg,#16835a,#116b4a);box-shadow:0 7px 18px rgba(22,131,90,.18)}
.danger{background:linear-gradient(135deg,#c03a31,#a62620)}
.ghost-btn{background:#eef4f8;border:1px solid #d7e3eb;color:#244761;padding:9px 13px}
.ghost-btn:hover{background:#e3eef5;border-color:#c5d7e4;color:#123a58}

.notice{position:relative;overflow:hidden;padding:19px 22px;border:1px solid #bcd8f4;border-left:0;border-radius:14px;background:linear-gradient(100deg,#e7f3ff,#f3f9ff);box-shadow:0 8px 24px rgba(23,105,210,.07)}
.notice:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(var(--blue),var(--cyan))}
.notice:after{content:"";position:absolute;width:130px;height:130px;border:20px solid rgba(23,105,210,.05);border-radius:50%;right:-70px;top:-58px}
.notice>*,.panel>*{position:relative;z-index:1}
.notice p,.panel-head p{font-size:.87rem;line-height:1.45}
.notice button{position:relative;z-index:1;padding:9px 12px;border-radius:8px}
.notice button:hover{background:rgba(23,105,210,.08)}

.metrics{gap:18px;margin-bottom:20px}
.metrics article,.panel{border:1px solid rgba(193,209,221,.78);border-radius:16px;background:rgba(255,255,255,.94);box-shadow:var(--shadow)}
.metrics article{position:relative;overflow:hidden;min-height:142px;padding:23px 22px 20px}
.metrics article:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--blue)}
.metrics article:after{content:"";position:absolute;width:74px;height:74px;border-radius:24px;right:-24px;top:-28px;background:rgba(23,105,210,.08);transform:rotate(18deg)}
.metrics article:nth-child(2):before{background:#1f9d6b}.metrics article:nth-child(2):after{background:rgba(31,157,107,.08)}
.metrics article:nth-child(3):before{background:#df9b22}.metrics article:nth-child(3):after{background:rgba(223,155,34,.09)}
.metrics article:nth-child(4):before{background:#7357c9}.metrics article:nth-child(4):after{background:rgba(115,87,201,.08)}
.metrics article:hover{transform:translateY(-2px);box-shadow:0 17px 38px rgba(17,45,70,.11)}
.metrics span{font-size:.86rem;font-weight:650;color:#64768a}
.metrics strong{font-size:2rem;line-height:1;margin:17px 0 10px;letter-spacing:-.04em}
.metrics small{font-size:.78rem;font-weight:600}

.grid{gap:20px}
.panel{padding:23px}
.panel-head{padding-bottom:17px;margin-bottom:17px;border-bottom:1px solid #e7edf2}
.region{grid-template-columns:185px 1fr 45px;gap:16px;margin:19px 0}
.region strong{font-size:.9rem}.region small{font-size:.78rem}
.bar{height:9px;background:#e7eef4;border:1px solid #dfe8ee}
.bar i{background:linear-gradient(90deg,#1769d2,#45a6f4);box-shadow:0 0 10px rgba(23,105,210,.2)}
.donut{width:155px;height:155px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),0 10px 26px rgba(17,55,85,.1)}
.donut:after{width:98px;height:98px;box-shadow:0 0 0 1px #e8eef3}

.login-screen{overflow:hidden;background:linear-gradient(145deg,#071b2e 0%,#0d3552 52%,#0a6a78 145%)}
.login-screen:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(135deg,#000,transparent 75%)}
.login-screen:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-240px;bottom:-280px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 150px rgba(255,255,255,.018)}
.login-shell{position:relative;z-index:1;width:min(980px,100%);display:grid;grid-template-columns:1.05fr .95fr;align-items:stretch;border:1px solid rgba(255,255,255,.14);border-radius:26px;overflow:hidden;box-shadow:0 34px 100px rgba(0,15,28,.5)}
.login-identity{min-height:610px;padding:46px 42px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#050f19,#071b2e);text-align:center}
.login-identity img{display:block;width:min(390px,92%);height:auto;mix-blend-mode:screen}
.login-identity p{max-width:390px;margin:10px auto 0;color:#b8cad8;font-size:.95rem;line-height:1.6}
.login-card{position:relative;z-index:1;width:auto;padding:46px 40px 38px;border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column;justify-content:center}
.login-brand .brand-logo-icon{width:50px;height:50px;border-radius:13px;background:#0a2239;border:1px solid #d7e3eb;box-shadow:0 6px 18px rgba(15,45,67,.12)}
.login-brand{margin-bottom:32px;padding-bottom:22px;border-bottom:1px solid #e0e9ef}
.login-card h2{font-size:1.65rem;letter-spacing:-.03em}.login-card>p{font-size:.93rem;margin-bottom:22px}
.login-card .demo{margin-top:24px;border:1px solid #dce7ee;background:linear-gradient(135deg,#f2f7fa,#f8fbfd);font-size:.8rem}

label{font-size:.89rem;color:#283c50}
input,select,textarea{min-height:43px;padding:10px 12px;border-color:var(--line-strong);border-radius:9px;color:var(--ink);box-shadow:inset 0 1px 2px rgba(18,50,75,.025)}
input:hover,select:hover,textarea:hover{border-color:#9fb7ca}
input:focus,select:focus,textarea:focus{outline:none;border-color:#3a8be0;box-shadow:0 0 0 3px rgba(58,139,224,.13)}
input:disabled,select:disabled,textarea:disabled{background:#f0f4f7;color:#657585}

.modal{z-index:100;padding:20px;background:rgba(5,25,42,.7);overflow:hidden;backdrop-filter:blur(7px)}
.modal-card{display:flex;width:min(1080px,100%);max-height:calc(100dvh - 40px);padding:0;overflow:hidden;flex-direction:column;border:1px solid rgba(255,255,255,.7);border-radius:20px;box-shadow:var(--shadow-lg)}
#modal-body{min-height:0;padding:32px 36px 34px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
#modal-body>h2{padding-right:48px;font-size:1.42rem;letter-spacing:-.025em}
#modal-body>.muted{margin:7px 0 20px;font-size:.9rem}
.close{z-index:5;right:18px;top:16px;width:38px;height:38px;border:1px solid #dbe6ed;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.94);font-size:1.5rem;box-shadow:0 4px 14px rgba(17,45,70,.08)}
.close:hover{background:#edf3f7;color:#173d59}
body.modal-open{overflow:hidden}
#modal-body>form:not(.objective-wizard)>.actions:last-child{position:sticky;z-index:4;bottom:-34px;margin:20px -36px -34px;padding:14px 36px 16px;border-top:1px solid #dfe8ee;background:rgba(255,255,255,.96);box-shadow:0 -10px 24px rgba(17,45,70,.07);backdrop-filter:blur(10px)}
.toast{z-index:110;right:28px;bottom:28px;min-width:260px;padding:15px 18px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:#0c304c;box-shadow:0 16px 42px rgba(0,0,0,.26)}

.data-table{font-size:.88rem;border:1px solid #dfe7ed;border-radius:12px;border-collapse:separate;border-spacing:0;overflow:hidden}
.data-table th,.data-table td{padding:14px 13px;border-bottom:1px solid #e2e9ee}
.data-table th{background:#f1f6f9;color:#586b7d;font-size:.75rem;font-weight:800}
.data-table tbody tr:last-child td{border-bottom:0}
.data-table tr:hover td{background:#f5faff}
.badge{padding:6px 10px;border:1px solid #d5e1e9;font-size:.72rem;letter-spacing:.015em}
.badge.ACTIVE{background:#dcf5e8;border-color:#b7e4cc;color:#176b46}.badge.INACTIVE{background:#eef1f4;border-color:#d7dfe6;color:#687887}
.tools{padding:12px;border:1px solid #e0e8ee;border-radius:12px;background:#f7fafc}
.tools input{max-width:430px;background:#fff}
.employee-tools{display:grid;grid-template-columns:minmax(280px,1.4fr) minmax(180px,.8fr) minmax(180px,.8fr)}
.employee-tools input{max-width:none}
.progress-line{height:9px;border:1px solid #dde6ec}.progress-line i{background:linear-gradient(90deg,var(--blue),#45a6f4)}

.form-grid{gap:2px 18px}
.objective-wizard{position:relative}
.form-stepper{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:2px 0 18px;padding:8px;border:1px solid #dce7ee;border-radius:14px;background:#f4f8fb}
.form-stepper button{display:flex;min-width:0;align-items:center;gap:8px;padding:9px 10px;border:1px solid transparent;border-radius:10px;background:transparent;color:#617586;text-align:left}
.form-stepper button:hover{border-color:#c9dce9;background:#fff;color:#1d5e8e}
.form-stepper button.active{border-color:#a9cde5;background:#fff;color:#0d64a5;box-shadow:0 4px 14px rgba(15,72,110,.09)}
.form-stepper button.complete{color:#17734d}
.form-stepper button>span{display:grid;width:27px;height:27px;flex:0 0 27px;place-items:center;border-radius:50%;background:#dfeaf1;color:#527084;font-size:.72rem;font-weight:900}
.form-stepper button.active>span{background:#176fd1;color:#fff;box-shadow:0 0 0 4px rgba(23,111,209,.1)}
.form-stepper button.complete>span{background:#daf3e6;color:#176b46}
.form-stepper strong{overflow:hidden;font-size:.875rem;line-height:1.25;text-overflow:ellipsis}
.objective-step{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 18px;animation:objective-step-in .18s ease}
@keyframes objective-step-in{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}}
.objective-navigation{position:sticky;z-index:5;bottom:-34px;display:flex;align-items:center;gap:9px;margin:22px -36px -34px;padding:15px 36px;border-top:1px solid #dce6ed;background:rgba(255,255,255,.96);box-shadow:0 -10px 28px rgba(13,44,66,.07);backdrop-filter:blur(10px)}
.objective-navigation>span{margin-left:auto;color:#657989;font-size:.82rem;font-weight:800}
.objective-navigation.objective-save-only{justify-content:flex-end}
.objective-navigation .save-draft{border-color:#176fd1;background:#176fd1;color:#fff}
.objective-summary{display:grid;grid-template-columns:.8fr .8fr 1.8fr;gap:12px;margin-top:8px}
.objective-summary article{min-height:92px;padding:16px;border:1px solid #d9e5ed;border-radius:13px;background:#f7fafc}
.objective-summary span,.objective-summary strong{display:block}.objective-summary span{margin-bottom:8px;color:#718493;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.objective-summary strong{color:#1b405a;font-size:.94rem;line-height:1.4}
.objective-final-actions{align-items:stretch;margin-top:12px;padding:16px;border:1px solid #dce7ee;border-radius:13px;background:#f8fbfd}
.preview-document-btn{border-color:#8ebfe4;background:#eef7ff;color:#0c64a5;font-weight:800}
.cyrillic-review-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
.cyrillic-review-heading h2,.cyrillic-review-heading p{margin-bottom:4px}
.add-record-button{margin-top:8px;border:1px dashed #9fc4dc;background:#f3f9fd;color:#176da5}
.section-title{margin-top:24px;padding:0 0 10px;border-bottom:1px solid #d6e1e9}
.section-title h3{margin:0;color:#123f60;font-size:1.03rem}
.section-title p{margin:6px 0 0;line-height:1.5}
.repeat-card{padding:16px;border-color:#d6e2ea;border-radius:12px;background:#f9fbfc;box-shadow:0 3px 12px rgba(17,45,70,.035)}
.language-field,.photo-uploader,.requirement-note,.relative-guide{border-radius:13px}
.requirement-note{margin:5px 0 9px;background:linear-gradient(135deg,#edf7ff,#f7fbff);border-color:#c5ddf1;border-left-width:5px;box-shadow:0 5px 18px rgba(23,105,210,.055)}
details.requirement-note{padding:0}
.requirement-note summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 15px;cursor:pointer;font-weight:800;list-style:none}.requirement-note summary::-webkit-details-marker{display:none}.requirement-note summary span{color:#176da5;font-size:.75rem}.requirement-note[open] summary{border-bottom:1px solid #d4e4f1}.requirement-note>div{padding:4px 15px 14px}
.photo-uploader{padding:17px;background:linear-gradient(135deg,#f8fbfd,#eef5f9)}
.photo-frame{width:99px;height:132px;flex-basis:99px;border-radius:10px;box-shadow:0 5px 18px rgba(17,45,70,.08)}
.relative-guide summary{padding:14px 16px;background:#f2f7fa}
.guide-table th{background:linear-gradient(135deg,#123e5d,#0b2d47)}
.export-group{min-height:44px;padding:5px 9px;border-radius:11px;background:#f7fafc}
.actions{align-items:center;padding-top:3px}
.page-subtitle{margin-top:7px;color:#6b7e8d;font-size:.9rem}
.organization-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 220px 180px;gap:10px;margin-bottom:13px;padding:12px;border:1px solid #e0e8ee;border-radius:12px;background:#f7fafc}
.organization-note{margin-bottom:14px;padding:11px 13px;border-left:4px solid var(--blue);border-radius:8px;background:#edf6ff;color:#35556d;font-size:.82rem}
.table-scroll{width:100%;overflow-x:auto}.organization-table{min-width:850px}.organization-table td:first-child{min-width:250px}.organization-table td:last-child{width:106px}
.breadcrumbs{display:flex;max-width:min(760px,75vw);align-items:center;flex-wrap:wrap;gap:5px;margin:0 0 10px;color:#7d8f9e;font-size:.75rem}.breadcrumbs button,.breadcrumbs span{display:block;max-width:260px;overflow:hidden;padding:5px 8px;border-radius:7px;text-overflow:ellipsis;white-space:nowrap}.breadcrumbs button{border:0;background:#eaf3fa;color:#17679e;font-weight:800;cursor:pointer}.breadcrumbs button:hover{background:#d8ebf8;color:#0b5589}.breadcrumbs span{background:#f2f5f7;color:#536b7c;font-weight:800}.breadcrumbs i{color:#9aabb7;font-style:normal;font-weight:900}
.table-empty-cell{text-align:center!important;padding:34px 20px!important;background:linear-gradient(180deg,#fbfdfe,#f7fafc);color:#607586}.table-empty-icon{display:grid;width:46px;height:46px;margin:0 auto 10px;place-items:center;border:1px solid #cee0ec;border-radius:50%;background:#eaf4fb;color:#2376ad}.table-empty-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.table-empty-cell strong,.table-empty-cell small{display:block}.table-empty-cell strong{color:#213c51;font-size:.94rem}.table-empty-cell small{max-width:460px;margin:5px auto 0;color:#7b8e9c;font-size:.78rem;line-height:1.45}
.table-meta{display:block;margin-top:5px;color:#81909d;font-size:.75rem;font-weight:500}.row-actions{display:flex;align-items:center;gap:7px;flex-wrap:nowrap}.compact{min-height:33px!important;padding:6px 9px!important;border-radius:8px!important;font-size:.76rem}.inactive-row td{color:#798895;background:#fafbfc}.inactive-row strong{color:#687887}
.icon-btn{position:relative;display:inline-grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border:1px solid #cddce7;border-radius:9px;background:#eef5fa;color:#24526f;cursor:pointer}.icon-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon-btn:hover{border-color:#91b6ce;background:#deedf7;transform:translateY(-1px)}.icon-btn.delete{border-color:#f0c9c6;background:#fff1f0;color:#b52c24}.icon-btn.delete:hover{border-color:#da8f89;background:#ffe2df}.icon-btn.restore{border-color:#bde0ce;background:#e9f8f0;color:#197149}.icon-btn.restore:hover{border-color:#84c3a2;background:#d9f2e5}
.org-type{display:inline-flex;align-items:center;padding:6px 9px;border-radius:8px;background:#eef4f8;color:#31536c;font-size:.75rem;font-weight:800}.org-type.BOSHQARMA{background:#e9eeff;color:#3447a6}.org-type.TUMAN{background:#e7f4ff;color:#1766a0}.org-type.MAKTAB{background:#fff4cf;color:#765900}.org-type.DMTT{background:#e7f8ef;color:#1f744c}
.org-name-button{display:flex;width:100%;align-items:center;justify-content:flex-start;padding:3px 4px;border-radius:8px;background:transparent;color:inherit;text-align:left}.org-name-button:hover{background:#eaf4fa;color:#1766a0}.org-name-button>span{min-width:0}.organization-overview{margin-bottom:18px}.organization-overview-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:17px;border-bottom:1px solid #e2e9ee}.organization-overview-head>div span,.organization-facts span{display:block;margin-bottom:5px;color:#718594;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.organization-overview-head strong,.organization-facts strong{color:#203b4f;font-size:.9rem}.organization-employee-link{display:flex;align-items:center;gap:18px;padding:12px 15px;border:1px solid #bcd8e9;border-radius:12px;background:#eef7fc;color:#235878;text-align:left}.organization-employee-link:hover{border-color:#75acd0;background:#e1f1fa}.organization-employee-link span{font-size:.76rem;font-weight:800}.organization-employee-link strong{display:grid;place-items:center;min-width:34px;height:28px;border-radius:9px;background:#176da5;color:#fff;font-size:.9rem}.organization-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 30px;padding-top:17px}.organization-facts .wide{grid-column:1/-1}
.confirm-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:16px;border-radius:50%;background:#fff0ef;color:#b42318;font-size:1.4rem;font-weight:900}
.list-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding-top:14px;border-top:1px solid #e2e9ee;color:#6a7d8d;font-size:.82rem}.list-footer>div{display:flex;align-items:center;gap:10px}.list-footer strong{min-width:54px;text-align:center;color:#294a62}.list-footer button:disabled{opacity:.45;cursor:not-allowed;transform:none}
.empty-state{margin:22px 0 4px;padding:20px;border:1px dashed #ccdbe6;border-radius:11px;background:#f8fbfd;color:#6c7f8f;text-align:center}
.report-direct{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.report-direct>div{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:4px 14px}.report-direct span{color:#5f7382;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.report-direct strong{color:#176da5;font-size:1.55rem}.report-direct small{grid-column:1/-1;color:#738695}
.role-preview,.credential-card{padding:14px 16px;border:1px solid #cfe0ea;border-radius:11px;background:#f3f8fb}.role-preview{display:flex;align-items:center;justify-content:space-between;gap:14px}.role-preview span,.credential-card span{color:#6d8190;font-size:.75rem;font-weight:800;text-transform:uppercase}.role-preview strong{color:#176da5}.credential-card{display:grid;grid-template-columns:auto 1fr;gap:10px 18px;margin:18px 0}.credential-card strong{color:#1d3d52;word-break:break-word}
.permission-picker{margin:14px 0 4px;padding:15px 16px;border:1px solid #cfe0ea;border-radius:12px;background:#f8fbfd}.permission-picker legend{padding:0 7px;color:#173f5d;font-weight:800}.permission-picker p{margin:0 0 12px;color:#6d8190;font-size:.79rem}.permission-picker>div{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:9px 13px}.permission-picker label{display:flex;align-items:center;gap:8px;margin:0;padding:9px 11px;border:1px solid #d8e4ec;border-radius:9px;background:#fff;font-size:.8rem}.permission-picker label.management-permission{border-color:#b8d9ee;background:#edf7ff;color:#145d91;font-weight:800}.permission-picker input{width:16px;height:16px;margin:0;accent-color:#176fd1}.management-permission-note{display:block;margin-top:10px;color:#567286;font-size:.75rem;line-height:1.45}.protected-account{display:inline-flex;padding:6px 9px;border-radius:8px;background:#f1f4f6;color:#708391;font-size:.72rem;font-weight:800}.permission-tags{display:flex;flex-wrap:wrap;gap:4px;min-width:150px}.permission-tags span{display:inline-flex;padding:4px 7px;border-radius:999px;background:#eaf3fa;color:#285873;font-size:.68rem;font-weight:750;white-space:nowrap}
.primary-admin-choice{display:flex;align-items:center;gap:9px;margin:13px 0 0;padding:11px 13px;border:1px solid #cfe0ea;border-radius:10px;background:#f3f8fb}.primary-admin-choice input{width:17px;height:17px;margin:0;accent-color:#176fd1}
.badge.EDIT_ALLOWED{background:#e8efff;color:#315db0}
.password-preview{margin-top:8px;background:#f8fbfd}.password-preview strong{color:#35596f;font-size:.88rem}
.admin-current-panel{margin-bottom:18px}.position-tools{justify-content:flex-start}.position-tools select{max-width:320px}
.profile-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.profile-details>div{display:flex;min-height:76px;flex-direction:column;justify-content:center;padding:14px;border:1px solid #dae5ec;border-radius:11px;background:#f7fafc}.profile-details .full{grid-column:1/-1}.profile-details span{margin-bottom:5px;color:#738492;font-size:.76rem}.profile-details strong{color:#1e3e55;font-size:.92rem;line-height:1.4}
.green{background:#18a577}.yellow{background:#ffc94a}.blue{background:#2d6cdf}
.report-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.report-metrics article{padding:20px;border:1px solid #dce6ed;border-radius:14px;background:#fff;box-shadow:var(--shadow)}.report-metrics span,.report-metrics small{display:block;color:#697b8a;font-size:.8rem}.report-metrics strong{display:block;margin:10px 0 7px;color:#123f60;font-size:1.8rem}.report-table{min-width:980px}.report-progress{display:inline-block;width:90px;height:8px;margin-right:7px;overflow:hidden;border-radius:20px;background:#e6edf2;vertical-align:middle}.report-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1769d2,#45a6f4)}.report-table small{color:#607486}

@media(max-width:1100px){
  .sidebar{width:245px}.sidebar .brand{padding-left:4px;padding-right:4px}.top-userbar{left:245px;padding-right:28px}main{margin-left:245px;padding:98px 28px 50px}
  .grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}
  .report-metrics{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .sidebar{position:static;width:auto;padding:17px 18px;box-shadow:none}.sidebar:after{display:none}.brand{margin:0 0 14px;padding:0 0 15px}.brand-logo-icon{width:45px;height:45px;flex-basis:45px}.brand-logo-icon img{width:120px;height:120px;left:-32px;top:-9px}
  .sidebar nav{grid-template-columns:repeat(3,1fr);gap:7px}.sidebar nav a{justify-content:center;padding:10px 8px;font-size:.8rem}.nav-icon{display:none}
  .top-userbar{position:sticky;left:0;height:64px;padding:7px 18px}.user-menu-shell{width:44px}main,.sidebar-collapsed main{margin:0;padding:24px 18px 42px}.sidebar-collapsed .sidebar{display:none;transform:none}header{align-items:flex-start;gap:14px}h1{font-size:1.65rem}.metrics{gap:12px}.metrics article{min-height:125px;padding:19px}
  .login-shell{display:block;width:min(470px,100%)}.login-identity{display:none}
  .modal{padding:8px}.modal-card{max-height:calc(100dvh - 16px);border-radius:16px}#modal-body{padding:27px 17px}#modal-body>form:not(.objective-wizard)>.actions:last-child{bottom:-27px;margin:18px -17px -27px;padding:12px 17px 14px}.photo-uploader{align-items:flex-start}.actions{gap:8px}.form-stepper{display:flex;overflow-x:auto;scrollbar-width:thin}.form-stepper button{min-width:145px}.objective-navigation{bottom:-27px;margin:20px -17px -27px;padding:13px 17px}.objective-summary{grid-template-columns:1fr}.cyrillic-review-heading{align-items:stretch;flex-direction:column}.cyrillic-review-heading .ghost-btn{align-self:flex-start}
  .organization-toolbar,.employee-tools{grid-template-columns:1fr}.profile-copy strong,.profile-copy small{max-width:190px}.profile-menu{position:absolute;left:auto;right:0;top:calc(100% + 8px);bottom:auto;width:min(300px,calc(100vw - 36px));z-index:20}.organization-children-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
  .sidebar nav{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:1fr}.metrics article{min-height:auto}.notice{align-items:flex-start;gap:12px}.notice button{white-space:nowrap}
  .login-card{padding:29px 22px}.form-grid,.objective-step{grid-template-columns:1fr}.permission-picker>div{grid-template-columns:1fr}.region{grid-template-columns:1fr 44px}.region .bar{grid-column:1/3}.photo-uploader{flex-direction:column}.photo-frame{align-self:center}
  .export-group{width:100%;justify-content:flex-start}.actions>.primary,.actions>.success{flex:1}.list-footer{align-items:flex-start;flex-direction:column}.report-metrics{grid-template-columns:1fr}.profile-copy strong,.profile-copy small{max-width:175px}.profile-details{grid-template-columns:1fr}.profile-details .full{grid-column:auto}
}
:where([hidden]){display:none!important}

/* Login: authenticated shell never leaks behind the sign-in experience. */
.auth-pending{overflow:hidden}
.auth-pending>.sidebar,.auth-pending>.top-userbar,.auth-pending>main{visibility:hidden;pointer-events:none}
.login-screen{
  z-index:100;
  min-height:100dvh;
  padding:32px;
  background:
    radial-gradient(circle at 16% 12%,rgba(37,146,198,.26),transparent 27rem),
    radial-gradient(circle at 88% 88%,rgba(244,237,24,.11),transparent 28rem),
    linear-gradient(135deg,#061a2c 0%,#0b3652 56%,#0b5363 100%);
}
.login-screen:before{background-size:52px 52px;opacity:.55;mask-image:linear-gradient(125deg,#000 0%,rgba(0,0,0,.38) 58%,transparent 88%)}
.login-screen:after{width:430px;height:430px;right:-205px;bottom:-245px;box-shadow:0 0 0 62px rgba(255,255,255,.024),0 0 0 132px rgba(255,255,255,.015)}
.login-shell{
  width:min(1040px,100%);
  min-height:590px;
  grid-template-columns:1.08fr .92fr;
  border:1px solid rgba(207,230,244,.22);
  border-radius:28px;
  background:#fafdff;
  box-shadow:0 34px 95px rgba(0,13,25,.46),0 2px 0 rgba(255,255,255,.15) inset;
}
.login-identity{
  min-height:auto;
  padding:48px 52px 46px;
  align-items:stretch;
  justify-content:space-between;
  overflow:hidden;
  background:
    radial-gradient(circle at 84% 15%,rgba(49,147,205,.28),transparent 18rem),
    linear-gradient(155deg,#0b3553 0%,#071f35 62%,#071827 100%);
  text-align:left;
}
.login-identity:after{content:"";position:absolute;width:280px;height:280px;right:-165px;bottom:-150px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 38px rgba(255,255,255,.025),0 0 0 82px rgba(255,255,255,.014)}
.login-identity-brand{position:relative;z-index:1;display:flex;align-items:center;gap:14px;color:#fff}
.login-identity-brand>span:last-child{display:flex;flex-direction:column}
.login-identity-brand strong{font-size:1.08rem;letter-spacing:.01em}
.login-identity-brand small{margin-top:3px;color:#a9c3d6;font-size:.78rem}
.login-emblem{position:relative;display:block;width:60px;height:60px;flex:0 0 60px;overflow:hidden;border:0;background:transparent}
.login-identity .login-emblem img{position:absolute;width:156px;height:156px;max-width:none;left:-48px;top:-16px;mix-blend-mode:screen;filter:brightness(3) saturate(1.18) drop-shadow(0 3px 7px rgba(0,0,0,.24))}
.login-identity-copy{position:relative;z-index:1;max-width:440px;margin:62px 0 46px}
.login-kicker{display:block;margin-bottom:14px;color:var(--brand-yellow);font-size:.74rem;font-weight:800;letter-spacing:.17em}
.login-identity-copy h1{max-width:430px;color:#fff;font-size:2.45rem;line-height:1.08;letter-spacing:-.045em}
.login-identity-copy p{max-width:420px;margin:20px 0 0;color:#b6cad9;font-size:.96rem;line-height:1.7}
.login-capabilities{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:9px}
.login-capabilities span{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(182,218,239,.16);border-radius:999px;background:rgba(255,255,255,.055);color:#d4e5ef;font-size:.75rem;font-weight:600;backdrop-filter:blur(5px)}
.login-capabilities span:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand-yellow);box-shadow:0 0 0 3px rgba(244,237,24,.12)}
.login-card{padding:42px 46px 34px;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)}
.login-card-top{display:flex;align-items:center;justify-content:flex-end;min-height:36px;margin-bottom:34px}
.login-mobile-brand{display:none;align-items:center;gap:10px}.login-mobile-brand strong{font-size:1rem}
.login-language{display:inline-flex;gap:4px;padding:4px;border:1px solid #dce7ee;border-radius:12px;background:#f3f7fa}
.login-language button{min-width:39px;height:30px;border-radius:8px;background:transparent;color:#6b7e8e;font-size:.69rem;font-weight:800}
.login-language button:hover{background:#e8f1f7;color:#165f96}.login-language button.active{background:#fff;color:#0d65a8;box-shadow:0 2px 8px rgba(18,59,88,.13)}
.login-heading{display:block;text-align:center}
.login-lock{display:none}
.login-lock svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.login-overline{display:block;margin-bottom:6px;color:#1470b5;font-size:.68rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.login-card h2{font-size:1.72rem;letter-spacing:-.035em}
.login-description{margin:11px 0 22px!important;color:#6c7d8d!important;font-size:.9rem!important;text-align:center}
.login-card label{gap:8px;margin:14px 0;color:#30465a;font-size:.82rem}
.login-input{position:relative;display:block}
.login-input>svg{position:absolute;z-index:1;left:14px;top:50%;width:19px;height:19px;transform:translateY(-50%);fill:none;stroke:#7b91a2;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.login-input input{height:48px;padding:11px 48px 11px 44px;border-color:#cbdbe7;border-radius:11px;background:#fff;font-weight:600;box-shadow:0 1px 2px rgba(15,45,67,.025)}
.login-input input:focus{border-color:#287ec5;box-shadow:0 0 0 4px rgba(40,126,197,.12)}
.password-toggle{position:absolute;z-index:2;right:7px;top:50%;display:grid;width:35px;height:35px;transform:translateY(-50%);place-items:center;border-radius:8px;background:transparent;color:#71889a}
.password-toggle:hover,.password-toggle.revealed{background:#edf5fa;color:#1769a8}
.password-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.login-submit{position:relative;width:100%;height:48px;margin-top:8px;justify-content:center;padding:0 48px;border-radius:11px;background:linear-gradient(135deg,#1772d7,#0d5db9);box-shadow:0 10px 22px rgba(19,103,209,.22)}
.login-submit:hover{background:linear-gradient(135deg,#1268ca,#0a53a8);box-shadow:0 12px 26px rgba(19,103,209,.28);transform:translateY(-1px)}
.login-submit span:last-child{position:absolute;right:18px;font-size:1.1rem}
.login-card .demo{display:block;margin-top:20px;padding:14px 15px;border:1px solid #dce7ee;border-radius:12px;background:#f5f9fc;font-size:.76rem}
.login-card .demo>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.login-card .demo strong{color:#334b60}.login-card .demo>div span{color:#728597}
.login-card .demo p{margin:9px 0 0;color:#496479;font-weight:600;line-height:1.55}.login-card .demo i{padding:0 3px;color:#a7b6c1;font-style:normal}
.login-footer{margin:27px 0 0;padding-top:18px;border-top:1px solid #edf2f6;color:#8495a2;font-size:.72rem;text-align:center}

@media(max-width:900px){.login-shell{grid-template-columns:.95fr 1.05fr}.login-identity{padding:42px 36px}.login-identity-copy h1{font-size:2.05rem}.login-card{padding-left:36px;padding-right:36px}}
@media(max-height:760px) and (min-width:761px){.login-screen{padding:18px}.login-shell{min-height:0}.login-identity{padding:34px 44px 32px}.login-identity-copy{margin:34px 0 28px}.login-identity-copy h1{font-size:2.15rem}.login-card{padding-top:27px;padding-bottom:23px}.login-card-top{margin-bottom:23px}.login-description{margin-bottom:16px!important}.login-card label{margin:11px 0}.login-card .demo{margin-top:15px}.login-footer{margin-top:14px}}
@media(max-width:760px){.login-screen{padding:22px}.login-shell{display:block;width:min(510px,100%);min-height:auto}.login-identity{display:none}.login-card{padding:30px 32px 26px}.login-card-top{justify-content:space-between;margin-bottom:30px}.login-mobile-brand{display:flex}.login-mobile-brand .brand-logo-icon{width:42px;height:42px;flex-basis:42px}.login-mobile-brand .brand-logo-icon img{width:111px;height:111px;left:-29px;top:-8px}}
@media(max-width:520px){.login-screen{padding:12px}.login-shell{border-radius:20px}.login-card{padding:24px 19px 22px}.login-card-top{align-items:flex-start}.login-mobile-brand strong{max-width:95px;line-height:1.15}.login-language button{min-width:34px}.login-heading{margin-top:4px}.login-card .demo>div{align-items:flex-start;flex-direction:column;gap:3px}}