/* EUROKLIMAT Enterprise Data & Collaboration Hub — visual system */
:root{--navy:#071521;--navy2:#0b2638;--teal:#18d1c5;--blue:#45a6ff;--bg:#f3f7fa;--line:#dce6ec;--text:#102335;--muted:#647788;--shadow:0 12px 34px rgba(9,35,55,.09)}
body{background:radial-gradient(circle at 90% -10%,#dff7f4 0,transparent 22%),var(--bg);letter-spacing:.01em}
.login-shell{overflow:hidden;background:radial-gradient(circle at 23% 51%,#174d62 0,transparent 24%),radial-gradient(circle at 75% 25%,#123c55 0,transparent 22%),linear-gradient(118deg,#06131f 0%,#082238 56%,#eaf4f6 56%);}
.login-shell:before,.login-shell:after{content:"";position:absolute;border:1px solid #69d8df21;border-radius:50%;pointer-events:none}.login-shell:before{width:620px;height:620px;left:-240px;bottom:-340px}.login-shell:after{width:520px;height:520px;left:26%;top:-380px}
.login-brand{z-index:2}.login-brand>span{color:#a8c2d0;font-size:10px;font-weight:700;letter-spacing:2.4px}.login-copy{position:relative;z-index:1}.eyebrow{color:#6eece0;font-weight:700}.login-copy h1{font-size:52px;letter-spacing:-1.8px;max-width:690px}.login-copy h1 em{font-style:normal;background:linear-gradient(100deg,#6bf0de,#76aaff);-webkit-background-clip:text;background-clip:text;color:transparent}.login-copy p{max-width:610px;line-height:1.8;color:#aac1cf}.feature-row{margin-top:25px}.feature-row span{border-color:#82deda3d;background:#ffffff08;backdrop-filter:blur(8px);font-size:12px}
.ai-orbit{position:absolute;right:5%;top:0;width:180px;height:180px;border:1px solid #6ae9df48;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 65px #1be0d735,inset 0 0 35px #1be0d715;animation:hub-spin 22s linear infinite}.ai-orbit:before,.ai-orbit:after{content:"";position:absolute;border:1px dashed #7feee440;border-radius:50%}.ai-orbit:before{inset:17px}.ai-orbit:after{inset:-22px}.ai-orbit span{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#76f3e4,#097d91 70%);font-size:13px;font-weight:800;line-height:1.05;text-align:center;color:#062234;box-shadow:0 0 28px #56eade}.ai-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:#76f3e4;box-shadow:0 0 12px #76f3e4}.ai-orbit i:nth-child(1){top:15px;left:45px}.ai-orbit i:nth-child(2){right:20px;bottom:45px;background:#7daeff}.ai-orbit i:nth-child(3){left:18px;bottom:38px;background:#b6fffa}.live-signal{display:flex;align-items:center;gap:12px;margin-top:26px;font-size:11px;color:#9ab4c4}.live-signal b{color:#8cf3df;letter-spacing:1px}.live-signal b i{display:inline-block;width:7px;height:7px;background:#5af1b4;border-radius:50%;margin-right:6px;box-shadow:0 0 10px #5af1b4;animation:hub-pulse 1.7s infinite}
.login-card{z-index:2;border-radius:18px;padding:34px 38px;background:#fffffff2;border:1px solid #fff;box-shadow:0 35px 90px #03172770;backdrop-filter:blur(18px)}.login-card-top{display:flex;justify-content:space-between;align-items:center}.login-kicker{font-size:10px;letter-spacing:1.8px;font-weight:800;color:#138a92}.security-dot{font-size:10px;color:#259169}.security-dot:first-letter{color:#1ad993}.login-card h2{font-size:24px;margin-top:18px}.login-card input{border-radius:9px;padding:12px 13px;background:#f7fafb}.login-card .primary{border-radius:9px;background:linear-gradient(105deg,#087d91,#19c8ba);box-shadow:0 9px 20px #0d98812b}.login-card .primary span{float:right;font-size:18px;line-height:.8}.demo-tip{border-left:3px solid #4cd5c7;background:#eff9f8}
.sidebar{background:linear-gradient(180deg,#061520,#092a3b 68%,#061b2a);box-shadow:8px 0 30px #06152012}.side-brand{border-bottom-color:#7babb51c}.side-brand small{font-size:9px;letter-spacing:1.7px}.side-brand small i{font-style:normal;color:#5ce8bd;font-size:8px;letter-spacing:.4px;margin-left:5px}.nav-label{color:#6993a5;font-weight:700;letter-spacing:1.35px}.nav-item{border:1px solid transparent;border-radius:8px}.nav-item:hover{background:#ffffff0c;border-color:#ffffff0a}.nav-item.active{background:linear-gradient(90deg,#16b8af34,#ffffff0b);box-shadow:inset 3px 0 #21d2c4;color:#f4ffff}.avatar{background:linear-gradient(135deg,#1bd0c1,#317ee1);box-shadow:0 0 0 3px #55dfd621}
.app header{background:#ffffffdb;backdrop-filter:blur(14px);border-bottom-color:#dce8ed;height:82px}.app main>header #breadcrumb{font-weight:700;color:#19364b}.content{max-width:1680px;padding:30px}.page-title h1{font-size:27px;letter-spacing:-.6px}.page-title p{font-size:13px}.panel,.kpi,.metric-card,.home-summary>button{border-color:#dce8ed;border-radius:14px;box-shadow:var(--shadow)}.panel{background:#fffffff2}.kpi{background:linear-gradient(145deg,#fff,#f7fbfc)}.kpi:before{width:4px;background:linear-gradient(#36d8cb,#328fec)}.kpi .value{color:#103048}.panel h3{font-size:17px}.table th{background:#f3f8fa;color:#4b697e}.table tr:hover td{background:#eefafa}.primary{border-radius:8px;background:linear-gradient(105deg,#087d91,#19c8ba);box-shadow:0 7px 16px #0e978622}.action,.period{border-radius:8px;background:#fff;color:#24465e}.action:hover{border-color:#1bcabc;color:#097d82}.badge{font-weight:650}.home-section-title small{color:#0b8d91;font-weight:800}.home-summary>button{background:linear-gradient(145deg,#fff,#f5fafb)}.home-summary>button:hover{box-shadow:0 14px 27px #123b5520}.home-icon{border-radius:12px}.modal{border-radius:16px;border:1px solid #fff;box-shadow:0 30px 80px #00182742}.toast{border-radius:10px;background:#092638}
@keyframes hub-spin{to{transform:rotate(360deg)}}@keyframes hub-pulse{50%{opacity:.35;box-shadow:0 0 2px #5af1b4}}
.platform-feedback-action{border-color:#55d5ca;color:#087e82}.platform-feedback-grid{display:grid;grid-template-columns:1fr 190px;gap:24px;align-items:start}.platform-feedback-grid label{display:block;font-weight:650;margin-bottom:14px}.platform-feedback-grid textarea,.platform-feedback-grid input{display:block;width:100%;margin-top:7px}.platform-feedback-grid textarea{resize:vertical}.platform-feedback-grid aside{text-align:center;padding:14px;border-radius:12px;background:#effafa}.platform-feedback-grid aside img{display:block;width:150px;height:150px;margin:0 auto 8px}.platform-feedback-grid aside b,.platform-feedback-grid aside small{display:block}.platform-feedback-grid aside small{color:var(--muted);font-size:11px;margin-top:4px}@media(max-width:560px){.platform-feedback-grid{grid-template-columns:1fr}.platform-feedback-grid aside{display:flex;align-items:center;gap:12px;text-align:left}.platform-feedback-grid aside img{width:92px;height:92px;margin:0}.platform-feedback-grid aside small{margin:0}}
.mail-attachment{margin-top:12px;padding:10px;border:1px solid #cfe3e7;border-radius:9px;background:#f2faf9}.mail-attachment>a{color:#087d82;text-decoration:none;font-weight:650}.mail-attachment img{display:block;max-width:100%;max-height:300px;border-radius:7px;margin-bottom:8px}
.safety-qr-hub{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:980px;margin:35px auto}.safety-qr-hub article{padding:30px;text-align:center;border:1px solid #cde3e6;border-radius:18px;background:#fff;box-shadow:var(--shadow)}.safety-qr-hub article>span{font-size:34px}.safety-qr-hub article small{display:block;color:#178c8b;letter-spacing:1.5px;margin-top:7px}.safety-qr-hub h2{margin:5px}.safety-qr-hub p{color:var(--muted);min-height:44px}.safety-qr-hub img{display:block;width:180px;height:180px;margin:18px auto}.safety-qr-hub a{display:block;text-decoration:none;padding:11px;border-radius:8px;color:#fff}.safety-qr-hub .danger{background:#d94b4b}@media(max-width:650px){.safety-qr-hub{grid-template-columns:1fr;margin:16px 0}}
@media(max-width:1100px){.ai-orbit{opacity:.55;right:-4%;transform:scale(.76)}.login-copy h1{font-size:43px}}@media(max-width:760px){.login-shell{background:linear-gradient(165deg,#06131f,#0c3448 65%,#f0f7f8 65%)}.ai-orbit{display:none}.login-copy h1{font-size:34px}.live-signal{display:none}.content{padding:18px}.login-card{border-radius:14px}.app header{height:68px}}