:root{--ink:#182b43;--muted:#67778b;--blue:#225bd4;--blue-dark:#1946ac;--line:#e2e8f0;--surface:#fff;--canvas:#f5f7fb;--sidebar:254px;--radius:14px;--shadow:0 4px 24px #182b4305}
*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:var(--canvas);color:var(--ink);font:15px/1.6 Inter,"Segoe UI",system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}a,button,input,select,textarea,summary{outline-offset:4px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #7ea7f3}svg{width:20px;height:20px;flex:none}h1,h2,h3{line-height:1.28;letter-spacing:-.025em;color:var(--ink)}h1{font-size:29px;font-weight:720;margin:0 0 12px}h2{font-size:20px;font-weight:680;margin:0 0 18px}h3{font-size:17px;margin:0 0 14px}p{margin:12px 0}small,.hint{font-size:12px;line-height:1.55;color:var(--muted)}
.app-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#fff;border-right:1px solid var(--line);z-index:30;display:flex;flex-direction:column;padding:25px 17px 17px}.app-brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none!important;padding:0 10px}.brand-mark{display:grid;place-items:center;width:39px;height:39px;flex:none;border-radius:12px;background:linear-gradient(140deg,#245dd6,#153875);color:white;font-size:23px;font-weight:800;box-shadow:0 5px 13px #225bd420}.app-brand strong{display:block;font-size:18px;letter-spacing:-.035em;line-height:1.2}.app-brand small{display:block;font-size:11px;letter-spacing:.06em;margin-top:4px}.sidebar-nav{overflow:auto;flex:1;margin-top:30px;padding-right:3px}.nav-group{margin-bottom:23px}.nav-group-title{font-size:10px;letter-spacing:.095em;font-weight:700;text-transform:uppercase;color:#8995a5;margin:0 12px 9px}.nav-link{display:flex;align-items:center;gap:11px;padding:10px 12px;color:#54657b;border-radius:9px;font-size:13px;font-weight:550;margin:3px 0;text-decoration:none!important;transition:background .15s,color .15s}.nav-link svg{width:19px;height:19px}.nav-link:hover{background:#f2f5fa;color:var(--ink)}.nav-link.is-active{background:#eaf0ff;color:#2057c4;font-weight:650;box-shadow:inset 3px 0 #2e65d6}.sidebar-footer{padding:15px 10px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px}.workspace-dot{width:6px;height:6px;border-radius:50%;background:#49a68e}
.app-topbar{margin-left:var(--sidebar);min-height:88px;padding:17px 32px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.page-location{display:flex;flex-direction:column;min-width:150px}.breadcrumb{font-size:10px;color:#8794a5;margin-bottom:4px}.breadcrumb span{padding:0 5px}.page-location>strong{font-size:16px;font-weight:650}.topbar-actions{display:flex;align-items:center;gap:19px}.nav-search{position:relative;display:flex;align-items:center;margin:0}.nav-search svg{position:absolute;left:11px;color:#8b99ad;width:17px;pointer-events:none}.nav-search input{margin:0;padding:8px 12px 8px 35px;width:190px;height:37px;background:#f7f9fc;border-color:#edf0f6;font-size:12px}.app-topbar nav[aria-label="Language"],.guest-header nav[aria-label="Language"]{display:flex;gap:8px;align-items:center}.app-topbar nav[aria-label="Language"] a,.guest-header nav[aria-label="Language"] a{font-size:11px;color:var(--muted);padding:4px 5px;border-radius:5px;text-decoration:none!important}.app-topbar nav[aria-label="Language"] a[aria-current="true"],.guest-header nav[aria-label="Language"] a[aria-current="true"]{color:var(--blue);background:#edf2ff;text-decoration:none!important}.user-chip{display:flex;align-items:center;gap:8px;padding-left:17px;border-left:1px solid var(--line)}.avatar{width:33px;height:33px;border-radius:50%;background:#edf2fa;color:#3b5880;display:grid;place-items:center;font-size:12px;font-weight:700}.user-chip strong{font-size:12px;display:block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chip small{font-size:10px;display:block}.nav-logout{margin:0}.icon-button{display:grid;place-items:center;width:34px;height:34px;padding:0;margin:0;background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:8px}.icon-button:hover{background:#f1f4fa;color:var(--ink)}.icon-button svg{width:17px;height:17px}.mobile-navigation{display:none}.context-navigation{margin-left:var(--sidebar);padding:12px 32px;border-bottom:1px solid var(--line);display:flex;gap:18px;align-items:center;background:#fafcff;flex-wrap:wrap;font-size:12px}.context-navigation>span{color:var(--muted)}.context-navigation a[aria-current="page"]{font-weight:700}
body.app main{margin:0 0 0 var(--sidebar);max-width:none;padding:34px 32px 60px;min-height:calc(100vh - 88px)}main>h1{margin-bottom:12px}main>p{color:var(--muted)}section{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:25px 27px;margin:23px 0;box-shadow:var(--shadow)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:18px;margin:24px 0}.grid section{margin:0;padding:24px}.grid section h2{font-size:34px;color:#264e87;font-weight:720;margin:0 0 5px}.grid section p{color:var(--muted);margin:7px 0;font-size:13px}.grid section h3{padding-bottom:16px;border-bottom:1px solid var(--line)}label{display:block;font-size:12px;font-weight:650;margin-top:17px;color:#43556e}input,select,textarea{display:block;width:100%;border:1px solid #dce3ed;background:#fff;border-radius:8px;padding:10px 12px;font:inherit;font-size:14px;color:var(--ink);margin-top:6px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:#7a9de4;box-shadow:0 0 0 3px #225bd410}input::placeholder{color:#98a4b4}input[type="file"]{background:#f8faff;border-style:dashed;padding:14px}input[type="file"]::file-selector-button{border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink);font:inherit;font-size:12px;padding:7px 10px;margin-right:12px}input[type="checkbox"]{display:inline-block;width:auto!important;accent-color:var(--blue);margin-right:6px}textarea{min-height:104px;resize:vertical}button{display:inline-flex;justify-content:center;align-items:center;gap:8px;background:var(--blue);border:1px solid transparent;color:white;font:inherit;font-size:13px;font-weight:650;border-radius:8px;padding:10px 17px;margin-top:20px;cursor:pointer;box-shadow:0 2px 4px #225bd413;transition:background .15s,transform .15s}button:hover{background:var(--blue-dark)}button:active{transform:translateY(1px)}section>form{max-width:820px}.grid section>form{max-width:none}details{border:1px solid var(--line);border-radius:9px;background:#fbfcff;margin:13px 0;padding:13px 15px}details[open]{background:#fff}summary{font-size:13px;font-weight:650;color:#3d567c;cursor:pointer}details form{padding-top:5px}.ok,.error{border-radius:10px;font-size:13px;padding:14px 17px;margin:20px 0;display:block}.ok{background:#ecf8f3;color:#276450;border:1px solid #d7eee4}.error{background:#fff0ef;color:#963d39;border:1px solid #f6dcda}.pre{white-space:pre-wrap;overflow-wrap:anywhere}.scroll{overflow:auto;border:1px solid var(--line);border-radius:9px;margin-top:20px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:13px 15px;border-bottom:1px solid #edf0f5;vertical-align:top}th{font-size:11px;font-weight:650;letter-spacing:.025em;color:#6c7c90;background:#f8fafd;white-space:nowrap}tr:last-child td{border-bottom:0}tbody tr:nth-child(even){background:#fcfdff}tbody tr:hover{background:#f7faff}td strong{font-weight:650}td a{font-weight:550}td small{font-size:11px}article{padding:12px 0}hr{border:0;border-top:1px solid var(--line);margin:17px 0}
.guest-header{display:flex;justify-content:space-between;align-items:center;gap:15px;max-width:1140px;margin:0 auto;padding:30px 25px}.guest-header .app-brand{padding:0}body.guest{background:radial-gradient(ellipse at 15% 0,#e9effa,transparent 60%),var(--canvas);min-height:100vh}body.guest main{max-width:510px;margin:40px auto 80px;padding:0 20px}body.guest section{padding:36px 38px!important;border-radius:18px;box-shadow:0 20px 60px #243a6810;margin:0 auto!important}body.guest h1{font-size:26px}body.guest button{width:100%;margin-top:25px}body.guest label{margin-top:19px}
@media(min-width:1500px){.grid:has(section:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}body.app main{padding-right:45px;padding-left:45px}.app-topbar{padding-right:45px;padding-left:45px}}
@media(max-width:1250px){:root{--sidebar:230px}.app-topbar{padding:17px 24px}.topbar-actions{gap:12px}.nav-search{display:none}body.app main{padding:28px 24px 45px}.user-chip strong{max-width:115px}.grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}
@media(max-width:900px){:root{--sidebar:0px}.app-sidebar{display:none}.app-topbar{margin-left:0;padding:16px 20px;min-height:78px}.page-location{min-width:0}.user-chip{display:none}.topbar-actions{gap:10px}.app-topbar nav[aria-label="Language"]{gap:3px}.app-topbar nav[aria-label="Language"] a{font-size:10px;padding:4px}.mobile-navigation{display:block;margin:0;border-radius:0;border:0;border-bottom:1px solid var(--line);background:white;padding:0;box-shadow:none}.mobile-navigation>summary{display:flex;align-items:center;gap:9px;padding:13px 20px;list-style:none}.mobile-navigation>summary::-webkit-details-marker{display:none}.mobile-navigation>summary:after{content:"⌄";margin-left:8px}.mobile-navigation[open]>summary:after{content:"⌃"}.mobile-page{margin-left:auto;color:var(--muted);font-size:11px;font-weight:450}.mobile-navigation>nav{padding:7px 16px 15px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.mobile-navigation .nav-group{margin-bottom:12px}.mobile-navigation .nav-link{font-size:12px;padding:9px 10px}.context-navigation{margin:0;padding:11px 20px;font-size:11px;gap:10px 15px}.context-navigation>span{display:none}body.app main{margin-left:0;padding:25px 20px 45px}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}section{padding:22px}h1{font-size:26px}}
@media(max-width:550px){.breadcrumb{font-size:9px}.page-location>strong{font-size:13px}.app-topbar{padding:14px 15px;gap:8px}.icon-button{width:30px;height:30px}.topbar-actions{gap:7px}.mobile-navigation>nav{grid-template-columns:1fr}.grid{grid-template-columns:1fr}body.app main{padding:23px 15px 40px}section{padding:20px 17px;margin:19px 0}h1{font-size:24px}h2{font-size:18px}.guest-header{padding:25px 18px;flex-wrap:wrap}.guest-header nav[aria-label="Language"]{margin-left:auto}body.guest main{margin-top:22px}body.guest section{padding:28px 25px!important}.context-navigation{padding:10px 15px}.mobile-page{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
