:root{color-scheme:dark;--bg:#090f1b;--surface:#101a2a;--surface2:#131f31;--line:#263347;--line2:#1e2b3e;--text:#eaf2ff;--muted:#8492a9;--blue:#548dff;--cyan:#52d5eb;--mint:#52ddb6;--violet:#a392ff;--shadow:0 18px 50px rgba(0,0,0,.13)}*{box-sizing:border-box}html{min-height:100%}body{margin:0;font:14px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}svg{width:20px;height:20px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em}h1{font-size:31px;line-height:1.2;margin-bottom:8px}h2{font-size:25px}h3{font-size:17px}p{margin-bottom:12px}.muted{color:var(--muted)}.overline{font-size:10px;font-weight:800;letter-spacing:2px;color:#789bb8}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.7px;color:#92bfd0;text-transform:uppercase}.eyebrow.small{color:#86a7cf;font-size:10px;margin-bottom:14px}.status-light{display:inline-block;width:8px;height:8px;border-radius:99px;background:#48e1b1;box-shadow:0 0 0 4px rgba(72,225,177,.1)}.brand-dot{color:#52d5eb}.brand-lockup{display:flex;align-items:center;gap:11px;min-width:0}.brand-lockup img{flex:none}.brand-lockup strong{display:block;font-weight:850;font-size:24px;letter-spacing:.7px;line-height:1}.brand-lockup small{display:block;font-size:9px;letter-spacing:1.35px;font-weight:650;color:#8095b4;margin-top:7px;white-space:nowrap}
/* App frame */
.app-shell{display:flex;min-height:100vh}.sidebar{background:linear-gradient(175deg,#101b2c,#0c1421 78%);border-right:1px solid var(--line2);width:257px;min-width:257px;display:flex;flex-direction:column;position:sticky;top:0;left:0;height:100vh;z-index:30;transition:width .24s,min-width .24s}.side-top{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line2);padding:0 19px}.nav-collapse{border:1px solid #304059;color:#9caed0;background:#162338;border-radius:10px;width:27px;height:27px;display:grid;place-items:center;font-size:22px;line-height:1}.workspace-tag{display:flex;gap:10px;align-items:center;background:#18263a;border:1px solid #27364a;border-radius:12px;margin:21px 14px 27px;padding:10px}.workspace-icon{display:grid;place-items:center;border-radius:8px;background:#23374f;color:#8ee6fc;width:32px;height:34px;font-weight:900;font-size:16px}.workspace-txt{flex:1;min-width:0}.workspace-txt b{display:block;font-size:12px;white-space:nowrap}.workspace-txt small{display:block;font-size:8px;color:#7b8eab;letter-spacing:.8px;margin-top:3px}.workspace-dot{width:7px;height:7px;background:var(--mint);border-radius:50%}.nav-heading{padding:0 25px;font-weight:800;font-size:10px;letter-spacing:1.65px;color:#647b9a;margin:0 0 11px}.bottom-heading{margin-top:30px}.side-nav{padding:0 11px;display:flex;flex-direction:column;gap:5px}.nav-item{position:relative;display:flex;align-items:center;gap:13px;padding:12px 14px;margin:0 11px 0 0;color:#94a6bd;border-radius:9px;font-weight:600;min-height:43px;transition:background .15s,color .15s}.side-nav .nav-item{margin-right:0}.nav-item svg{width:18px;height:18px;flex:none}.nav-item:hover{background:#172840;color:#deecff}.nav-item.active{background:linear-gradient(93deg,#203a60,#182840);color:#eaf8ff;box-shadow:inset 3px 0 0 #57b4fb}.nav-item.active svg{color:#6ecbea}.nav-pin{width:5px;height:5px;background:#55d8f0;border-radius:50%;margin-left:auto}.nav-caption{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-bottom{margin-top:auto;padding:18px 19px;border-top:1px solid var(--line2)}.online-indicator{display:flex;gap:11px;align-items:center;font-size:11px;font-weight:700;color:#acc0d8}.sidebar-copyright{font-size:10px;margin-top:11px;color:#60738d}.main-wrap{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:77px;border-bottom:1px solid var(--line2);background:#0e1725;display:flex;justify-content:space-between;align-items:center;padding:0 38px}.top-left,.top-right{display:flex;align-items:center;gap:22px}.crumbs{display:flex;align-items:center;gap:13px;color:#6d819e;font-size:12px}.crumbs b{color:#d6e3f6;font-weight:650}.crumb-chevron{color:#466078}.top-right{gap:17px}.top-server{display:flex;align-items:center;gap:10px;color:#9aacbf;font-size:11px}.top-divider{height:32px;width:1px;background:var(--line)}.top-avatar{display:flex;gap:10px;align-items:center}.avatar{width:37px;height:37px;flex:none;border-radius:10px;border:1px solid #426078;background:#2a415d;display:grid;place-items:center;font-weight:800;color:#ddf9ff;overflow:hidden}.avatar-img{width:100%;height:100%;object-fit:cover}.top-username strong{display:block;font-size:12px}.top-username small{display:block;color:#7d92ae;font-size:10px;margin-top:1px}.icon-btn{border:1px solid var(--line);border-radius:10px;background:#152238;color:#a8b9d5;padding:8px 11px;font-size:18px;line-height:1}.icon-btn:hover{background:#24364d}.mobile-menu{display:none}.content{padding:36px 39px 44px;width:100%;max-width:1680px;margin:0 auto;flex:1}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:28px}.page-heading p{font-size:13px;margin:0}.heading-actions{display:flex;align-items:center;gap:17px;margin-bottom:5px}.timestamp{color:#617b99;font-size:11px}.outline-btn{border:1px solid #33435a;color:#a9c5e6;background:#142136;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;font-weight:700;font-size:12px;padding:10px 14px;white-space:nowrap}.outline-btn:hover{background:#1a314f}.primary{display:inline-flex;border:0;border-radius:9px;background:linear-gradient(102deg,#568ffc,#4b6fff);padding:12px 18px;color:white;font-weight:700;font-size:12px;justify-content:center;align-items:center;gap:12px}.primary:hover{filter:brightness(1.09)}
/* Hero */
.hero-panel{min-height:250px;border:1px solid #223a5c;border-radius:15px;position:relative;overflow:hidden;background:radial-gradient(circle at 76% 38%,rgba(41,104,174,.23),transparent 33%),linear-gradient(113deg,#142c48,#0d1b30 63%,#12243b);display:flex;align-items:stretch;box-shadow:var(--shadow)}.hero-content{position:relative;z-index:2;padding:33px 41px;width:63%}.hero-kicker{font-size:10px;letter-spacing:1.5px;font-weight:800;color:#5edcb9}.hero-content h2{font-size:35px;line-height:1.1;margin:19px 0 12px}.hero-content h2 span{color:#76caff}.hero-content p{color:#96aeca;font-size:12px;max-width:410px;line-height:1.7}.hero-btn{background:#e2efff;border-radius:8px;color:#1a3656;padding:10px 15px;font-size:11px;font-weight:800;display:inline-flex;gap:20px;margin-top:6px}.hero-art{position:absolute;inset:0 0 0 57%;overflow:hidden}.hero-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:25px 25px;transform:perspective(400px) rotateY(5deg)}.orb{position:absolute;left:48%;top:50%;transform:translate(-50%,-50%);border-radius:100%}.orb-one{width:206px;height:206px;background:#3972c331;filter:blur(15px)}.orb-two{width:142px;height:142px;border:1px solid #55b6e75e;box-shadow:0 0 35px #368dbe45,inset 0 0 35px #3186a722}.orb-three{width:107px;height:107px;background:#162c49;border:1px solid #417ebb88;box-shadow:0 0 30px #3f98c122}.hero-ring{position:absolute;width:280px;height:130px;left:calc(48% - 140px);top:calc(50% - 65px);border:1px solid #5bc4df56;border-radius:50%;transform:rotate(-24deg)}.ring-b{transform:rotate(62deg);border-color:#458fd850}.hero-core{position:absolute;left:48%;top:50%;transform:translate(-50%,-50%);font-size:58px;font-weight:850;letter-spacing:-8px;padding-right:10px;color:#a8e4fb;text-shadow:0 0 25px #52cbeb}.art-tag{position:absolute;left:4%;font-size:8px;color:#9ebddd;letter-spacing:1.2px;background:#132d47;border:1px solid #2b5977;padding:8px 12px;border-radius:6px}.tag-a{top:17%}.tag-b{bottom:12%;left:58%}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:32px 0 15px}.section-title h3{margin:0;font-size:15px}.section-note{color:#6c819e;font-size:11px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.metric-card,.panel{border:1px solid var(--line2);background:linear-gradient(150deg,#131e2e,#111928);border-radius:13px;box-shadow:var(--shadow)}.metric-card{padding:22px 21px;min-height:184px}.metric-head{display:flex;justify-content:space-between;align-items:center;color:#899fb9;letter-spacing:1.1px;font-size:10px;font-weight:750}.metric-icon{font-size:21px;color:#669fea}.metric-number{font-size:32px;font-weight:820;line-height:1.2;margin:19px 0 16px;letter-spacing:-.04em;display:flex;align-items:baseline;gap:10px}.metric-number small{font-size:10px;color:#7487a3;letter-spacing:0;font-weight:550}.metric-foot{font-size:11px;color:#91a4bc;display:flex;align-items:center;gap:8px}.tiny-dot{width:6px;height:6px;border-radius:50%}.cyan{background:var(--cyan)}.green{background:var(--mint)}.purple{background:var(--violet)}.metric-meta{margin:8px 0 0;font-size:10px;color:#647894}.progress-track{height:5px;background:#24354c;border-radius:20px;overflow:hidden;margin:2px 0 14px}.progress-value{width:var(--percent);height:100%;border-radius:20px;background:linear-gradient(90deg,#39c7b7,#5ae2d8)}.progress-value.lavender{background:linear-gradient(90deg,#678ce7,#aa90f7)}
/* Bottom */
.dashboard-bottom{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:17px;margin-top:19px}.panel{padding:24px}.panel-title{display:flex;align-items:start;justify-content:space-between;gap:12px}.panel-title h3{margin:0 0 3px;font-size:15px}.panel-title p{margin:0;font-size:11px;color:#778ba6}.subpill{background:#192c42;border:1px solid #294565;color:#88b9d9;padding:5px 9px;font-size:9px;font-weight:800;letter-spacing:.8px;border-radius:5px;white-space:nowrap}.sparkline{display:block;width:100%;height:210px;margin-top:15px;overflow:visible}.spark-grid{fill:none;stroke:#324157;stroke-width:1;stroke-dasharray:4 7}.spark-line{fill:none;stroke:#56bbff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px #3499f666)}.empty-chart{height:185px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#758ba4;text-align:center}.empty-chart span{font-size:27px;color:#4f9cd5}.empty-chart strong{font-size:12px;margin:7px 0 3px;color:#9ab3cf}.empty-chart p{font-size:10px}.graph-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line2);margin-top:5px;padding-top:12px;color:#607894;font-size:10px}.shortcuts-panel .panel-title{margin-bottom:16px}.shortcut{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #273344}.shortcut:last-child{border-bottom:0}.shortcut-ico{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;background:#1d344c;color:#76bdf6;font-size:19px;flex:none}.shortcut span:nth-child(2){flex:1;min-width:0}.shortcut strong{display:block;font-size:12px}.shortcut small{display:block;color:#768ca7;font-size:10px;margin-top:3px}.shortcut-arrow{color:#6594b4}.shortcut:hover .shortcut-arrow{color:#b5e1ff;transform:translateX(2px)}.footer{border-top:1px solid var(--line2);display:flex;justify-content:space-between;gap:20px;color:#677c99;font-size:10px;padding:18px 39px}.footer b{color:#91a8c5;font-weight:700}
/* Details */
.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.info-panel{min-width:0}.info-panel h3{margin:10px 0 18px;font-size:18px}.info-row{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-top:1px solid #29374b;font-size:12px}.info-row span{color:#8b9eb7}.info-row b{font-weight:750;text-align:right}.port-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.port-card{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:19px 20px;background:#121e30;border:1px solid var(--line2);border-radius:12px}.port-card b{display:block;font-size:12px}.port-card small{display:block;color:#7186a5;font-size:10px;margin-top:4px}.status-tag{font-size:10px;font-weight:750;white-space:nowrap;border-radius:6px;padding:6px 8px}.status-tag.ok{background:#173a38;color:#67dcbf}.status-tag.neutral{background:#263044;color:#a0a8bb}.feature-panel{max-width:780px;min-height:440px;padding:38px}.feature-symbol{width:60px;height:60px;border-radius:14px;background:#1b3655;border:1px solid #325579;color:#8ccdf0;display:grid;place-items:center;margin-bottom:27px}.feature-symbol svg{width:27px;height:27px}.feature-panel h2{font-size:27px;margin:10px 0}.feature-panel>p{color:#a5b6ce;line-height:1.8;max-width:540px}.notice{padding:13px 15px;border-radius:9px;font-size:12px;margin-bottom:19px;border:1px solid transparent}.notice.subdued{background:#182a3e;color:#a1bfd7;border-color:#274058;margin:24px 0}.notice.error{background:#3a1e2a;color:#ffc9cf;border-color:#6b3342}.notice.success{background:#193b36;color:#9aedd4;border-color:#2f685c}.link-panel{display:flex;align-items:flex-start;flex-direction:column;gap:12px;background:#0c1827;border:1px solid #283b51;border-radius:10px;padding:20px}.link-panel span{font-size:11px;color:#89a1b8}.link-panel code{font-size:15px;color:#85cafe}.fineprint{color:#788ca7;font-size:11px;margin:20px 0}.event-list{margin-top:25px}.event{display:flex;align-items:center;gap:14px;border-top:1px solid #28374b;padding:15px 0;font-size:12px}.event-dot{background:#63c7ed;width:6px;height:6px;border-radius:50%}.event strong{flex:1}.event span:last-child{color:#8396b1;font-size:11px}.profile-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px}.profile-card{text-align:center;padding:38px 20px;align-self:start}.profile-avatar{width:91px;height:91px;overflow:hidden;display:grid;place-items:center;font-size:36px;font-weight:800;margin:0 auto 18px;border:1px solid #537b9a;border-radius:24px;background:#2a4664;color:#b8efff}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-card h3{margin-bottom:5px}.profile-card p{font-size:12px;color:#8a9bb5}.profile-foot{color:#7888a0;border-top:1px solid #26394a;margin-top:25px;padding-top:22px;font-size:11px}.profile-form-panel{padding:33px}.profile-form{display:grid;gap:17px;margin-top:23px}.profile-form label{font-size:12px;color:#b9c8dc;font-weight:700}.profile-form label span{font-size:10px;color:#7d94ad;font-weight:400}.profile-form input{display:block;width:100%;background:#0d1727;border:1px solid #334258;color:#e7f4ff;border-radius:8px;padding:12px 14px;margin-top:7px;outline:0}.profile-form input:focus,.login-card input:focus{border-color:#6cb7ed;box-shadow:0 0 0 3px #4bbcff17}.profile-form input[type=file]{cursor:pointer}.divider-line{height:1px;background:#29374a;margin:4px 0}.profile-form .primary{justify-self:start;margin-top:5px}
/* Login */
.login-body{min-height:100vh;background:#09111e}.login-wash{position:fixed;inset:0;background:radial-gradient(circle at 27% 20%,#1d3b65a8,transparent 35%),linear-gradient(130deg,#0a1727,#080e17 75%)}.login-shell{position:relative;min-height:100vh;display:grid;grid-template-columns:1.04fr .96fr}.login-promo{display:flex;flex-direction:column;padding:60px clamp(30px,6.5vw,110px);position:relative;overflow:hidden;border-right:1px solid #223044}.login-promo .brand-lockup{margin-bottom:auto}.login-promo>.eyebrow{margin-top:60px}.login-promo h1{font-size:clamp(48px,5.1vw,82px);letter-spacing:-.07em;line-height:1.03;margin:20px 0 18px;z-index:1}.login-promo h1 span{color:#78bfff}.login-promo>p{color:#97abc2;font-size:15px;max-width:440px;line-height:1.8;z-index:1}.login-highlights{display:grid;gap:11px;margin-top:auto;z-index:2;padding-top:60px}.login-highlights span{color:#5d9cbd;font-size:10px;letter-spacing:1px}.login-highlights b{color:#9bb6d3;margin-left:15px}.login-grid{position:absolute;width:550px;height:550px;bottom:-190px;right:-120px;border-radius:50%;border:1px solid #2d6ca655;box-shadow:0 0 0 65px #264a7126,0 0 0 130px #264a711c,0 0 0 195px #264a7113;pointer-events:none}.login-form-side{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:50px 36px}.login-card{max-width:415px;width:100%;padding:41px 37px;background:#101a2a;border:1px solid #283851;border-radius:20px;box-shadow:0 35px 110px #0004}.login-card-mark{width:56px;height:56px;background:#1b2f48;border:1px solid #37577b;border-radius:15px;display:grid;place-items:center;margin-bottom:28px}.login-card .overline{margin-bottom:10px}.login-card h2{font-size:30px;margin:0 0 7px}.login-card>.muted{font-size:12px;margin-bottom:31px}.login-card label{display:block;color:#b4c4d8;font-size:11px;font-weight:700;margin-bottom:8px;margin-top:19px}.login-card input{width:100%;outline:0;color:#edf5ff;padding:15px;background:#0b1423;border-radius:8px;border:1px solid #334157}.password-wrap{position:relative}.password-wrap input{padding-right:82px}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:none;color:#7abafa;font-size:11px;font-weight:750}.primary.big{width:100%;margin-top:26px;padding:15px 20px;justify-content:space-between}.security-hint{margin:20px 0 0;font-size:10px;color:#758aa4;display:flex;gap:10px;align-items:center}.security-hint .status-light{width:6px;height:6px}.signin-footer{font-size:10px;color:#7486a1;margin-top:27px}.signin-footer span{padding:0 6px;color:#46607a}
/* Collapsed sidebar */
.sidebar-collapsed .sidebar{width:76px;min-width:76px}.sidebar-collapsed .brand-copy,.sidebar-collapsed .workspace-tag,.sidebar-collapsed .nav-caption,.sidebar-collapsed .nav-heading,.sidebar-collapsed .sidebar-copyright,.sidebar-collapsed .nav-pin{display:none}.sidebar-collapsed .side-top{padding:0 16px;justify-content:center;flex-wrap:wrap;gap:0}.sidebar-collapsed .side-top .brand-lockup img{width:34px;height:34px}.sidebar-collapsed .nav-collapse{position:absolute;top:52px;right:4px;width:21px;height:21px;font-size:14px;transform:rotate(180deg)}.sidebar-collapsed .side-nav{padding-top:28px}.sidebar-collapsed .nav-item{justify-content:center;padding:12px 0;margin:0 10px;min-width:0}.sidebar-collapsed .side-nav .nav-item{margin:0}.sidebar-collapsed .sidebar-bottom{padding:19px 0;display:grid;place-items:center}
/* Responsive */
.mobile-scrim{display:none}@media(max-width:1250px){.content{padding:30px 25px}.topbar{padding:0 25px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-panel{min-height:230px}.footer{padding:18px 25px}}@media(max-width:900px){.dashboard-bottom{grid-template-columns:1fr}.hero-content{width:70%}.top-server,.timestamp{display:none}.top-right{gap:11px}.login-shell{grid-template-columns:1fr}.login-promo{display:none}.login-card{max-width:480px}.login-form-side{min-height:100vh}}@media(max-width:760px){.sidebar{position:fixed;left:0;transform:translateX(-102%);transition:transform .2s}.sidebar-collapsed .sidebar{width:257px;min-width:257px}.sidebar-collapsed .brand-copy,.sidebar-collapsed .workspace-tag,.sidebar-collapsed .nav-caption,.sidebar-collapsed .nav-heading,.sidebar-collapsed .sidebar-copyright{display:block}.sidebar-collapsed .side-top{padding:0 19px;justify-content:space-between;flex-wrap:nowrap}.sidebar-collapsed .nav-collapse{display:none}.sidebar-collapsed .nav-item{justify-content:flex-start;padding:12px 14px;margin:0 11px 0 0}.mobile-nav-open .sidebar{transform:translateX(0)}.mobile-nav-open .mobile-scrim{position:fixed;z-index:28;inset:0;background:#000a;display:block}.topbar{height:66px;padding:0 17px}.mobile-menu{display:inline-block;background:none;color:#c7dff6;font-size:22px;border:0;padding:8px}.crumbs span:first-child,.crumb-chevron,.top-username,.top-divider{display:none}.top-right{gap:10px}.content{padding:24px 16px}.page-heading{align-items:flex-start;flex-wrap:wrap}.page-heading h1{font-size:25px}.hero-content{width:100%;padding:29px 25px}.hero-content h2{font-size:29px}.hero-content p{max-width:310px}.hero-art{inset:0 0 0 54%;opacity:.4}.metric-grid{gap:11px}.metric-card{padding:19px 15px}.metric-number{font-size:28px;display:block}.metric-number small{display:block;margin-top:5px}.section-title{align-items:start}.section-note{max-width:54%;text-align:right}.footer{padding:16px;display:block;text-align:center}.footer span{display:block;margin:4px}.info-grid,.port-grid,.profile-grid{grid-template-columns:1fr}.feature-panel{padding:27px 20px}.panel{padding:20px}.login-card{padding:30px 25px}.event{flex-wrap:wrap}.event span:last-child{width:100%;margin-left:20px}}@media(max-width:380px){.metric-grid{grid-template-columns:1fr}.hero-art{opacity:.18}.heading-actions{width:100%}}

/* SEMHOS V1 Professional+ — Türkçe / Deutsch switcher */
.language-picker{display:inline-flex;align-items:center;gap:2px;padding:4px;background:rgba(55,83,121,.24);border:1px solid rgba(116,158,208,.23);border-radius:10px;flex-shrink:0}
.language-picker a{display:flex;align-items:center;justify-content:center;min-width:33px;min-height:27px;padding:4px 7px;border-radius:7px;color:#a9bfd8;font:700 11px/1.2 system-ui,sans-serif;letter-spacing:.06em;text-decoration:none;transition:background .15s,color .15s}
.language-picker a.selected,.language-picker a[aria-current="true"]{background:#1d65a8;color:#fff;box-shadow:0 2px 8px #05142b50}
.language-picker a:hover,.language-picker a:focus-visible{color:#fff;outline:2px solid #54b9ff;outline-offset:1px}
.login-language{display:flex;justify-content:flex-end;padding:14px 16px 0;position:relative;z-index:2}
.top-right>.language-picker{margin-right:3px}
@media(max-width:760px){.top-right>.language-picker{margin-right:0}.language-picker a{min-width:30px;min-height:26px}}

/* SEMHOS V1 Professional+ – read-only health center */
.health-mini{margin:24px 0;padding:24px 26px}.health-mini .panel-title{margin-bottom:17px}.health-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.health-mini-item{display:flex;align-items:center;gap:10px;background:#101e31;border:1px solid #253850;border-radius:10px;padding:13px 15px;min-width:0;font-size:12px}.health-mini-item b{margin-left:auto;font-size:11px;font-weight:700;color:#dceaff}
.health-led{width:8px;height:8px;display:inline-block;border-radius:99px;background:#6f8099;flex:none;box-shadow:0 0 0 3px #74869a19}.health-led.ok{background:#2de3ac;box-shadow:0 0 0 3px #2de3ac24}.health-led.bad{background:#f08080;box-shadow:0 0 0 3px #f0808024}
.health-timestamp{font-size:11px;color:#95a9c3;margin:15px 0 0}.health-panel{padding:30px}.health-panel .panel-title{margin-bottom:20px}.health-rows{border:1px solid #273950;border-radius:12px;overflow:hidden}
.health-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 18px;border-bottom:1px solid #25354a}.health-row:last-child{border-bottom:0}.health-service{display:flex;gap:12px;align-items:center;font-size:13px;font-weight:700;color:#dfeaff}.health-right{display:flex;align-items:center;gap:15px}.health-right small{color:#9db4cc}
.health-pill{padding:5px 9px;border:1px solid #41536a;border-radius:99px;color:#bdcce0;font-size:11px;font-weight:700}.health-pill.ok{color:#5ce7bc;border-color:#247b62;background:#103c34}.health-pill.bad{color:#ffadad;border-color:#833f52;background:#4b1e2a}.health-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0}
.health-details>div{padding:18px;background:#0d1a2b;border:1px solid #283d57;border-radius:12px}.health-details span{display:block;color:#8fa8c4;font-size:11px;margin-bottom:10px}.health-details strong{color:#e1ebf9;font-size:13px;overflow-wrap:anywhere}
@media(max-width:900px){.health-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.health-details{grid-template-columns:1fr}}
@media(max-width:600px){.health-mini-grid{grid-template-columns:1fr}.health-row{align-items:flex-start;flex-wrap:wrap}.health-right{width:100%;justify-content:space-between}.health-mini{padding:17px}.health-panel{padding:18px}}

/* SEMHOS V1 Professional+ site inventory and backup snapshot */
.inventory-panel{padding:30px;min-width:0}.inventory-panel .panel-title{margin-bottom:24px}
.inventory-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:22px}
.inventory-summary>div,.inventory-overview-card{background:#101e31;border:1px solid #293c54;border-radius:14px;padding:20px;min-width:0}
.inventory-summary small,.inventory-overview-card span{display:block;font-size:11px;color:#95aec9;letter-spacing:.04em;margin-bottom:12px}
.inventory-summary strong{display:block;color:#f0f6ff;font-size:22px;font-weight:800;overflow-wrap:anywhere}
.inventory-list{border:1px solid #253951;border-radius:12px;overflow:hidden}
.inventory-row{display:flex;align-items:center;gap:12px;padding:16px 19px;border-bottom:1px solid #253951}
.inventory-row:last-child{border-bottom:0}.inventory-globe{font-size:21px;color:#70c2ff}.inventory-name{font-weight:700;color:#dfecfb;flex:1;overflow-wrap:anywhere;min-width:0}
.inventory-empty{padding:23px;color:#97adc9}.inventory-disclaimer,.inventory-next p{font-size:12px;line-height:1.8;color:#96abc6;margin:18px 0 0}
.inventory-next{margin-top:20px;border:1px solid #263d55;border-radius:12px;padding:19px;background:#0d192a}.inventory-next h4{font-size:14px;color:#e0edff;margin:0}
.inventory-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 22px}.inventory-overview-card{text-decoration:none;display:block}
.inventory-overview-card strong{font-size:28px;color:#e5f3ff;display:block;margin-bottom:8px}.inventory-overview-card small{color:#90b3d0}.inventory-overview-card:hover{border-color:#409ac8;background:#142942}
@media(max-width:700px){.inventory-summary{grid-template-columns:1fr}.inventory-overview{grid-template-columns:1fr}.inventory-panel{padding:18px}.inventory-row{flex-wrap:wrap}.inventory-name{flex-basis:calc(100% - 50px)}.inventory-row .status-tag{margin-left:34px}}

/* SEMHOS V1 Professional+ operations center */
.ops-overview,.ops-backups{padding:26px;min-width:0;margin-bottom:20px}
.ops-chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0}
.ops-chart{background:#101d2f;border:1px solid #2c3d55;border-radius:14px;padding:16px;min-width:0}
.ops-chart-name{font-weight:750;font-size:13px;color:#dae8f9;padding-bottom:13px}
.ops-chart svg{display:block;width:100%;height:120px;overflow:visible}
.ops-gridline{fill:none;stroke:#304359;stroke-width:1}
.ops-line{fill:none;stroke:#68b8f7;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.ops-line.ram{stroke:#5dceab}.ops-line.disk{stroke:#be9bf4}
.ops-no-data{display:flex;align-items:center;justify-content:center;min-height:120px;color:#90a6bd;font-size:12px;text-align:center}
.ops-alert-summary{border-top:1px solid #243750;display:flex;align-items:center;gap:9px;padding-top:17px;margin-top:20px;font-size:13px}
.ops-alert-summary a{margin-left:auto;color:#73befe;text-decoration:none}
.ops-alert-dot{height:8px;width:8px;background:#47cba2;border-radius:50%}.ops-alert-dot.attention{background:#f5b659}
.semhos-alert-nav{display:flex;align-items:center;gap:5px;text-decoration:none;color:#e2ebf7;border:1px solid #2c415b;border-radius:12px;padding:7px 12px;font-weight:700}
.semhos-alert-nav span{color:#fac273}
.ops-chart-large{grid-template-columns:1fr}.ops-chart-large svg{height:185px}
.ops-statgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}
.ops-statgrid>div{min-width:0;background:#111f31;border:1px solid #283d56;border-radius:14px;padding:20px}
.ops-statgrid small{display:block;color:#99acc2;margin-bottom:9px;font-size:11px}
.ops-statgrid strong{color:#eff6fd;display:block;font-size:17px;overflow-wrap:anywhere}
.ops-fineprint{color:#a1b2c8;font-size:12px;line-height:1.7;margin-top:18px}
.ops-alert-list{display:grid;gap:10px}.ops-alert-item{display:flex;gap:13px;align-items:center;padding:18px;border:1px solid #6b5131;background:#2e261c;border-radius:12px;color:#f9e2ba}
.ops-alert-item.critical{border-color:#804751;background:#321f29;color:#ffb5c2}
.ops-alert-item strong{flex:1}.ops-alert-item small{font-size:12px}
@media(max-width:1000px){.ops-chart-grid,.ops-statgrid{grid-template-columns:1fr}}@media(max-width:600px){.ops-overview,.ops-backups{padding:16px}.ops-alert-summary{flex-wrap:wrap}.ops-alert-summary a{margin-left:0}.semhos-alert-nav{padding:6px 8px}}


/* SEMHOS V1 Professional+ | Executive UI refinement 2026-10 (no external assets) */
:root{--bg:#070e1a;--surface:#101c2e;--surface2:#14233a;--line:#2a3e58;--line2:#21344c;--text:#eff6ff;--muted:#b0c1d6;--blue:#57a9ff;--cyan:#64dbe7;--mint:#50e0ba;--violet:#aa9af6;--shadow:0 12px 34px #02091230}
html{scroll-behavior:smooth} body{line-height:1.55}a,button,input{transition:border-color .16s,background .16s,color .16s,box-shadow .16s}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #79d8ff;outline-offset:3px}a:hover{text-decoration:none}
.sidebar{background:linear-gradient(180deg,#101f34 0%,#0c192c 47%,#091322 100%);border-right-color:#29415f;box-shadow:6px 0 35px #02091628;overflow-x:clip;overflow-y:auto}
.side-top{position:sticky;top:0;background:#101f34;z-index:3;flex-shrink:0;min-height:82px}.sidebar .brand-lockup strong{font-size:22px;letter-spacing:.45px}.sidebar .brand-lockup small{font-size:8.5px;letter-spacing:1.32px;color:#9ab2d2}
.workspace-tag{margin:16px 13px 23px;background:#182c45;border-color:#325373;min-height:61px}.workspace-txt small,.nav-heading,.sidebar-copyright{color:#9bb0cb}
.nav-item{min-height:45px;color:#b4c7df}.nav-item:hover{background:#1b3150;color:#fff}.nav-item.active{background:linear-gradient(95deg,#234c7a,#1a3151);box-shadow:inset 3px 0 #66c9f8,0 2px 12px #00000020}
.sidebar-collapsed .sidebar{width:82px;min-width:82px}.sidebar-collapsed .nav-collapse{top:53px;right:9px;width:23px;height:23px;z-index:5}.sidebar-collapsed .side-top{min-height:90px}.sidebar-collapsed .side-nav{padding-top:16px}.sidebar-collapsed .sidebar-bottom .online-indicator{justify-content:center}
.topbar{background:#0d1a2b;border-color:#253950;position:sticky;top:0;z-index:20;min-height:74px;height:auto;padding-top:11px;padding-bottom:11px}.crumbs{color:#9eafc6}.top-server{color:#bdd3e6}.top-avatar{padding:5px 6px;border-radius:10px}.top-avatar:hover{background:#172940}.top-username small{color:#a2b7d4}
.content{padding-top:31px}.page-heading{margin-bottom:22px}.page-heading h1{font-size:clamp(27px,2.1vw,34px);letter-spacing:-.045em}.page-heading p,.section-note,.panel-title p{color:#a4bad3}.eyebrow.small{color:#86c9f4}
.outline-btn,.icon-btn{border-color:#38526e;color:#cce1f7}.outline-btn:hover,.icon-btn:hover{border-color:#65aff4;background:#203852}
.metric-card,.panel{background:linear-gradient(160deg,#14243a,#101c2d 100%);border:1px solid #2a415d;box-shadow:0 12px 32px #02091825;transition:border-color .18s,transform .18s,box-shadow .18s}
.metric-card:hover,.inventory-overview-card:hover{border-color:#4b779d;box-shadow:0 15px 38px #0003}.metric-card{min-height:174px;padding:21px}.metric-head{color:#b3c8df;font-size:11px}.metric-meta,.metric-foot{color:#a6bdd4}.metric-number{font-size:34px;margin:18px 0 14px}.metric-number small{color:#a2b6ce}.progress-track{background:#273e59;height:7px}
.command-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.8fr);overflow:hidden;background:radial-gradient(circle at 71% 25%,#3273b629,transparent 38%),linear-gradient(120deg,#152e4b 0%,#12243c 53%,#0e1a2d 100%);border:1px solid #3b5b81;border-radius:18px;box-shadow:0 16px 42px #02081344;min-height:272px;margin-bottom:16px}
.command-hero-main{padding:29px clamp(23px,3vw,43px)}.command-kicker{font-size:10px;letter-spacing:1.4px;color:#b4daf5;font-weight:800;display:flex;gap:10px;align-items:center}.command-kicker-dot{width:8px;height:8px;background:#4adeb1;border-radius:50%;box-shadow:0 0 0 4px #4adeb125}.command-separator{color:#6197c2}
.command-hero h2{font-size:clamp(29px,3vw,42px);letter-spacing:-.05em;line-height:1.12;margin:20px 0 13px}.command-hero h2 span{color:#87d3ff}.command-hero-main>p{max-width:560px;color:#b7cbe1;font-size:12.5px;line-height:1.7}
.command-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:21px}.command-actions a{display:inline-flex;align-items:center;gap:12px;padding:10px 16px;border-radius:9px;font-size:12px;font-weight:750}.command-main-cta{background:#dfedff;color:#17365b}.command-main-cta:hover{background:white}.command-secondary-cta{border:1px solid #527396;color:#d4e9fd}.command-secondary-cta:hover{background:#23476b}
.command-hero-side{padding:24px 24px 20px 27px;background:linear-gradient(165deg,#162a44ab,#0817269c);border-left:1px solid #345172;display:flex;flex-direction:column;min-width:0}.command-hero-side-title{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:1.25px;color:#aac4e0}.command-hero-bullet{width:7px;height:7px;border-radius:50%;background:#65c7ff;box-shadow:0 0 0 4px #65c7ff18}
.command-server-id{display:flex;gap:13px;align-items:center;margin-top:21px}.command-terminal-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #3b6c96;border-radius:12px;background:#204361;color:#98d9fa;font-size:22px;font-weight:900;flex:none}.command-server-id span:not(.command-terminal-icon){display:block;font-size:11px;color:#acc4db}.command-server-id strong{display:block;font-size:16px;color:#f0f7ff;letter-spacing:.03em}.command-hero-divider{height:1px;background:#38536f;margin:17px 0 7px}.command-mini-stat{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #213f59;font-size:12px}.command-mini-stat span{color:#adbed2}.command-mini-stat strong{font-size:12px;color:#e7f5ff;text-align:right}.command-mini-foot{color:#88a9c9;font-size:10px;margin-top:auto;padding-top:11px;line-height:1.6}
.command-link-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;border:1px solid #2a4059;background:#111e30;border-radius:13px;padding:12px 17px;margin-bottom:16px}.command-link-heading{font-size:10px;font-weight:800;letter-spacing:1.2px;color:#97b4d2;margin-right:7px}.command-link-bar>a{display:inline-flex;gap:8px;align-items:center;padding:7px 12px;background:#1c304a;border:1px solid #304963;border-radius:9px;font-weight:650;font-size:11px;color:#cfe2fa}.command-link-bar>a:hover{background:#29486d;border-color:#5b92bf}
.health-mini-grid{gap:12px}.health-mini-item{background:#132740;border-color:#37516d}.health-mini-item>b{color:#eaf5ff}.health-timestamp,.ops-fineprint,.inventory-disclaimer{color:#aabed5}
.ops-chart{background:#10243a;border-color:#31516e}.ops-line{stroke-width:3.2}.ops-chart svg{height:137px}.ops-chart-large svg{height:195px}
.profile-card{background:radial-gradient(circle at top,#1c4566,#13253a 55%,#111d30);border-color:#376183}.profile-avatar{border-radius:21px!important;border:2px solid #4b83ae!important;box-shadow:0 14px 36px #010a1870}.profile-form-panel{padding:32px}.profile-form input{background:#0d1c30;color:#f2f7ff;border-color:#3c5774}.profile-form label{color:#d0e0ef}.profile-form label span{color:#9bb2ca}.avatar-upload-tip{display:block;font-size:11px;color:#91b5d9;margin-top:8px}
.login-body{background:#080f1d}.login-card{border-color:#385574;box-shadow:0 35px 130px #0008}.login-card input{border-color:#3a5371}.login-card label{color:#c5d8ec}
.semhos-skip{position:fixed;left:12px;top:-100px;z-index:999;background:#eef8ff;color:#07234a;padding:12px 19px;border-radius:10px}.semhos-skip:focus{top:12px}
@media(max-width:1180px){.command-hero{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)}.command-hero-main{padding:25px}.command-hero-side{padding:24px 20px}.top-server{display:none}}
@media(max-width:880px){.command-hero{grid-template-columns:1fr}.command-hero-side{border-left:none;border-top:1px solid #36546f;padding:17px 24px}.command-hero-side-title{margin-bottom:4px}.command-server-id{margin-top:8px}.command-mini-foot{margin-top:5px}.command-link-bar{gap:7px}}
@media(max-width:760px){.sidebar{overflow-y:auto;max-height:100dvh}.topbar{min-height:64px}.content{padding:21px 15px}.command-hero-main{padding:24px 20px}.command-hero h2{font-size:30px}.command-hero-main>p{font-size:12px}.command-link-bar{padding:11px}.command-link-heading{width:100%}.command-link-bar>a{flex:1;justify-content:center;white-space:nowrap}.page-heading{gap:12px}.heading-actions{margin-bottom:0}.page-heading h1{font-size:27px}.metric-card{min-height:161px}.metric-number{font-size:29px}.profile-form-panel{padding:20px}.sidebar-collapsed .sidebar{width:257px;min-width:257px}.sidebar-collapsed .side-top .brand-copy{display:block}.sidebar-collapsed .side-top .nav-collapse{display:grid;position:static;transform:none;height:32px;width:32px;font-size:24px}.nav-collapse{height:32px;width:32px}}
@media(max-width:460px){.topbar{padding:10px 12px}.top-right>.language-picker a{min-width:28px;padding:3px}.semhos-alert-nav{padding:7px}.command-actions a{width:100%;justify-content:space-between}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{padding:16px 13px}.metric-number{font-size:27px}.metric-head{font-size:9px;letter-spacing:.55px}.metric-number small{font-size:10px}.command-link-bar>a{min-width:40%}.ops-statgrid{grid-template-columns:1fr}.top-avatar .avatar{width:31px;height:31px}}
@media(max-width:345px){.metric-grid{grid-template-columns:1fr}.top-avatar{display:none}.command-hero h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* SEMHOS V1 Professional+ accounts / responsive profile */
.profile-grid{grid-template-columns:minmax(230px,.82fr) minmax(0,1.6fr);align-items:start}
.profile-form-panel{min-width:0}
.profile-avatar img,.top-avatar img{object-fit:cover;width:100%;height:100%;display:block;border-radius:inherit}
.avatar-remove{display:flex!important;align-items:center;flex-direction:row!important;gap:10px;font-size:.89rem;cursor:pointer;color:#a5b5cd}
.avatar-remove input{width:17px;height:17px;flex:0 0 17px;accent-color:#64baff}
.semhos-users-panel{max-width:1150px;padding:26px}
.semhos-users-panel .panel-title{margin-bottom:20px}
.users-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:25px}
.users-roles>span{padding:14px 16px;background:#0d1a2c;border:1px solid #263d56;border-radius:13px;color:#a5bfd9;font-size:.82rem;line-height:1.5}
.users-roles b{display:block;color:#f3f7ff;font-size:.9rem}
.user-create-form{padding:18px 20px;border:1px solid #28435e;border-radius:16px;background:#0d1929}
.users-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}
.user-create-form h3,.users-list h3{margin:0 0 18px;font-size:1.04rem}
.users-list{margin-top:26px}
.user-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:17px 12px;border-top:1px solid #273449}
.user-row b{color:#f4f8fc}.user-row small{display:block;margin-top:6px;color:#90a6bf;overflow-wrap:anywhere}
.user-row .status-tag{display:inline-flex;margin-top:8px}
.user-row.primary-admin{background:#132137;border-radius:12px;border:1px solid #2d405b;padding:14px 17px;margin-bottom:10px}
.user-row.primary-admin .status-tag{margin:0}
.user-info{min-width:150px;flex:1}
.user-actions{flex:2;min-width:0}
.user-edit-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.user-edit-form label,.user-delete-form label{font-size:.76rem;color:#a9bfd7;display:flex;flex-direction:column;gap:6px}
.user-edit-form label.user-active{justify-content:center;flex-direction:row;align-items:center}
.user-edit-form input,.user-edit-form select,.user-delete-form input,.users-form-grid input,.users-form-grid select{width:100%;min-width:0;border-radius:9px;min-height:40px;padding:9px 11px;border:1px solid #30445e;background:#15243a;color:#f3f8ff}
.user-edit-form .outline-btn,.user-delete-form .outline-btn{align-self:end;justify-self:start;cursor:pointer;min-height:39px}
.user-delete-form{margin-top:14px;padding-top:12px;border-top:1px dashed #3a475b;display:flex;align-items:end;gap:10px;flex-wrap:wrap}
.user-delete-form .danger{color:#ffadad;border-color:#7d4754}
.user-delete-form label{flex:1;min-width:125px}
@media(max-width:1120px){.profile-grid{grid-template-columns:1fr}.user-row{flex-direction:column}.user-actions{width:100%}}
@media(max-width:760px){.users-roles,.users-form-grid,.user-edit-form{grid-template-columns:1fr}.semhos-users-panel{padding:16px}.user-delete-form{display:grid;grid-template-columns:1fr}.user-row{padding:14px 3px}.profile-card{padding:20px}}