:root{--navy:#031b35;--blue:#0877e8;--cyan:#25b9ff;--white:#fff;--muted:#c8d7e5;--green:#35dd8a;--orange:#f0a73b}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Segoe UI,Arial,sans-serif}
body{min-height:100vh;color:var(--white);background:linear-gradient(rgba(2,18,35,.18),rgba(2,18,35,.35)),url("/blutecna/assets/home_background_siderno.png"),url("/static/blutecna/portal/assets/background_fallback.jpg");background-size:cover,cover,cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}
a{text-decoration:none;color:inherit}.topbar{min-height:96px;padding:14px clamp(24px,4vw,58px);display:flex;align-items:center;justify-content:space-between;background:rgba(3,22,44,.95);border-bottom:1px solid rgba(66,181,255,.28)}
.brand,.top-actions{display:flex;align-items:center}.brand{gap:18px}.official-logo{height:68px;width:auto;max-width:280px;object-fit:contain}.divider{width:1px;height:52px;background:rgba(255,255,255,.28)}
.product strong{display:block;font-size:21px}.product span{display:block;margin-top:5px;color:#c8d8e6;font-size:14px}.top-actions{gap:26px}.datetime{padding-right:24px;border-right:1px solid rgba(255,255,255,.2)}
.datetime span,.datetime strong{display:block}.datetime strong{margin-top:4px}.user-box{display:flex;align-items:center;gap:10px}.user-box span{display:block;color:#b8c8d8;font-size:13px}.logout{padding:13px 20px;border-radius:9px;background:var(--blue);font-weight:700}
.page{padding:42px clamp(24px,4vw,56px) 28px}.hero-panel{min-height:390px;display:flex;align-items:center}.hero-copy{width:min(540px,100%);padding:40px;border-radius:20px;border:1px solid rgba(108,193,255,.42);background:rgba(3,24,49,.76);backdrop-filter:blur(14px);box-shadow:0 22px 70px rgba(0,0,0,.28)}
.eyebrow{margin:0 0 14px;color:#5bc5ff;font-size:13px;font-weight:800;letter-spacing:1.6px}h1{margin:0;font-size:clamp(48px,5vw,72px);line-height:.98;color:#1590ff}h1 span{color:#fff}
.title-line{width:62px;height:4px;margin:24px 0;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:3px}.subtitle{margin:0;color:#e2ecf4;font-size:20px;line-height:1.5}.location{margin:20px 0 0;color:#c8d9e7}
.hero-actions{margin-top:28px;display:flex;gap:14px;flex-wrap:wrap}.button{min-width:190px;padding:15px 22px;text-align:center;border-radius:9px;font-weight:800}.primary{background:var(--blue)}.secondary{border:1px solid rgba(255,255,255,.38);background:rgba(255,255,255,.05)}
.services{margin-top:20px;display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.service-card{min-height:150px;position:relative;padding:20px;display:flex;gap:14px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(4,29,57,.84);backdrop-filter:blur(12px);box-shadow:0 16px 38px rgba(0,0,0,.22)}
.service-icon{width:48px;height:48px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:#0c65d7;font-size:23px}.service-card h2{margin:2px 0 7px;font-size:18px}.service-card p{margin:0;color:#c9d6e1;font-size:13px;line-height:1.5}.arrow{position:absolute;right:16px;bottom:18px;font-size:25px}.tag{position:absolute;right:10px;top:10px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.12);font-size:10px}.disabled{opacity:.78}
.system-panel{margin-top:24px;padding:20px 24px;display:grid;grid-template-columns:auto 1.4fr .8fr .7fr;gap:24px;align-items:center;border:1px solid rgba(255,255,255,.18);border-radius:17px;background:rgba(3,24,49,.9);backdrop-filter:blur(14px)}
.status-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.status-item{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:12px}.status-item strong,.status-item small{display:block}.status-item small{margin-top:3px;color:var(--green);font-size:9px;font-weight:800}.dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 9px rgba(53,221,138,.7)}
.metrics{display:flex;gap:20px;justify-content:center}.metric{text-align:center}.metric strong{display:block;margin-top:6px;font-size:11px}.ring{--value:0;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle 17px,#082542 96%,transparent 100%),conic-gradient(var(--blue) calc(var(--value)*1%),rgba(255,255,255,.12) 0)}.ring.warning{background:radial-gradient(circle 17px,#082542 96%,transparent 100%),conic-gradient(var(--orange) calc(var(--value)*1%),rgba(255,255,255,.12) 0)}.ring span{font-size:10px;font-weight:800}
.system-info{padding-left:18px;border-left:1px solid rgba(255,255,255,.18)}.system-info span{display:block;margin:6px 0;font-size:11px;color:#d3dfeb}
@media(max-width:1350px){.services{grid-template-columns:repeat(3,1fr)}.system-panel{grid-template-columns:1fr}.status-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.product,.datetime,.divider{display:none}.official-logo{height:56px}.services,.status-list{grid-template-columns:1fr}.hero-copy{padding:28px}.topbar{min-height:78px}}