/* abiVMS Commercial Edition – Herstellerportal Branding */
:root{color-scheme:dark;--bg:#050c17;--bg2:#081629;--panel:#0d1c30;--panel2:#10243b;--line:rgba(121,174,220,.16);--text:#e9f3fc;--muted:#91a9bf;--blue:#0789dc;--cyan:#11b9f1;--danger:#f07178;--success:#42d49b;--radius:17px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(ellipse at 12% 0%,rgba(0,132,220,.18),transparent 34%),radial-gradient(ellipse at 88% 18%,rgba(0,191,255,.11),transparent 27%),linear-gradient(145deg,#040912 0%,#081629 52%,#06101d 100%);background-attachment:fixed;font-size:14px;line-height:1.55}
a{color:#52c7ff;text-decoration:none}a:hover{color:#a4e5ff}button,.button{font:inherit;transition:transform .15s ease,filter .15s ease,background .15s ease}button:hover,.button:hover{filter:brightness(1.12);transform:translateY(-1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.wrap{max-width:1500px;margin:0 auto;padding:28px 30px 60px}.top{display:flex;justify-content:space-between;align-items:center;gap:22px;margin:0 0 22px;padding:16px 18px;border:1px solid rgba(120,183,227,.16);border-radius:20px;background:linear-gradient(110deg,rgba(11,28,48,.96),rgba(8,22,39,.88));box-shadow:0 18px 50px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.035)}.brand-area{display:flex;align-items:center;gap:17px;min-width:0}.brand-lockup{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:204px;height:76px;padding:8px 13px;border-radius:13px;background:linear-gradient(145deg,#f9fcff,#e6f1fa);box-shadow:0 7px 25px rgba(0,150,230,.15)}.brand-lockup img{display:block;width:100%;height:auto;max-height:58px;object-fit:contain}.brand-copy{min-width:0}.eyebrow{margin:0 0 4px;color:#38bfff;font-size:10px;line-height:1.3;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.top h1{margin:0;color:#f4f9ff;font-size:25px;line-height:1.2;letter-spacing:-.035em}.subtitle{margin:5px 0 0;color:var(--muted);font-size:13px}.account{display:flex;align-items:center;gap:12px;color:#b8cadb;font-size:13px;white-space:nowrap}.account-name{display:flex;align-items:center;gap:8px}.account-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 12px rgba(66,212,155,.65)}.logout{display:inline-flex;align-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:9px;color:#d3e8f8;background:rgba(255,255,255,.035)}
.nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;padding:10px 12px;border:1px solid var(--line);border-radius:13px;background:rgba(7,19,33,.76)}.nav a{padding:7px 11px;border-radius:8px;color:#a9bfd2;font-size:12px;font-weight:650}.nav a:hover{color:white;background:rgba(0,151,228,.16)}.nav a:before{content:"";display:inline-block;width:5px;height:5px;margin:0 8px 2px 0;border-radius:50%;background:#139ee8;box-shadow:0 0 9px #119fe6}
.panel{position:relative;min-width:0;margin:16px 0;padding:21px 22px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(15,34,56,.96),rgba(10,25,43,.96));box-shadow:0 14px 40px rgba(0,0,0,.17),inset 0 1px rgba(255,255,255,.025);overflow:hidden}.panel:before{content:"";position:absolute;left:22px;top:0;width:54px;height:2px;background:linear-gradient(90deg,var(--cyan),transparent);opacity:.8}.panel h2{margin:0 0 13px;color:#f0f7fd;font-size:17px;letter-spacing:-.015em}.panel p{color:#a8bdcf}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:block;margin:11px 0;color:#d7e5f0}.field span{display:block;margin-bottom:4px;color:#9eb4c8;font-size:12px;font-weight:650}.field input,.field select,.field textarea,input,select,textarea{max-width:100%;font:inherit;color:#e9f4fc;background:#071526;border:1px solid rgba(133,178,214,.25);border-radius:9px}.field input,.field select,.field textarea{width:100%;padding:10px 12px;margin-top:0}.field textarea{resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#627e97}.field input:focus,.field select:focus,.field textarea:focus{border-color:#0da9ec;box-shadow:0 0 0 3px rgba(17,185,241,.1);outline:none}select option{background:#0b1b2e;color:#eaf5ff}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.8)}input[type=file]{padding:9px}input[type=file]::file-selector-button{border:0;border-radius:7px;padding:7px 10px;margin-right:9px;color:#eaf8ff;background:#143a59;cursor:pointer}
button,.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 15px;border:1px solid rgba(83,193,255,.23);border-radius:9px;color:#fff;background:linear-gradient(110deg,#087cc8,#079fdf);font-weight:750;cursor:pointer;box-shadow:0 7px 20px rgba(0,124,205,.16)}.outline{color:#7dd8ff!important;background:rgba(0,133,202,.08)!important;border:1px solid rgba(64,180,238,.35)!important;box-shadow:none!important}.danger{color:#ffdfe1!important;background:rgba(185,49,63,.18)!important;border:1px solid rgba(240,113,120,.36)!important;box-shadow:none!important}.small{font-size:12px;color:#829bb1}.err{padding:12px 14px;border:1px solid rgba(240,113,120,.3);border-radius:10px;color:#ffd9dc;background:rgba(130,24,37,.23)}.key{padding:14px;border:1px solid rgba(39,173,241,.38);border-radius:11px;color:#dff6ff;background:linear-gradient(120deg,rgba(3,105,165,.18),rgba(8,40,67,.7));overflow-wrap:anywhere}.key code{display:inline-block;margin-top:7px;color:#7cddff;font-size:15px;font-weight:800;letter-spacing:.035em}.status{font-weight:750}.ok{color:var(--success)}.bad{color:#ff858d}.scroll{overflow:auto;border:1px solid rgba(127,169,203,.12);border-radius:10px}table{width:100%;border-collapse:collapse;font-size:12px;min-width:760px}th,td{text-align:left;padding:11px 10px;vertical-align:top;border-bottom:1px solid rgba(127,169,203,.13)}th{position:sticky;top:0;color:#8caac1;background:#0a192b;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}td{color:#d5e3ee}tbody tr{background:rgba(7,20,35,.34)}tbody tr:nth-child(even){background:rgba(14,34,55,.4)}tbody tr:hover{background:rgba(13,94,142,.13)}td code{color:#83d8ff;overflow-wrap:anywhere}.scroll select,.scroll input[type=date]{padding:7px 8px;margin:2px;border-radius:7px;font-size:11px}.scroll button{padding:7px 9px;margin:2px;font-size:11px}.inline{display:inline-flex;align-items:center;gap:4px;margin:2px 5px 2px 0}.inline input[type=hidden]{display:none}.panel textarea[readonly]{padding:13px;border:1px solid rgba(133,178,214,.25);border-radius:10px;color:#9fe3ff;background:#061322;line-height:1.55}
/* login and setup */.login-shell,.setup-shell{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:28px 18px}.login-card,.setup-card{position:relative;width:min(100%,470px);padding:32px;border:1px solid rgba(110,174,222,.2);border-radius:22px;background:linear-gradient(145deg,rgba(13,31,51,.98),rgba(6,18,32,.98));box-shadow:0 30px 90px rgba(0,0,0,.42),0 0 60px rgba(0,137,216,.08),inset 0 1px rgba(255,255,255,.035)}.login-card:before,.setup-card:before{content:"";position:absolute;top:0;left:32px;width:90px;height:2px;background:linear-gradient(90deg,#04b7f1,transparent)}.login-logo{display:flex;align-items:center;justify-content:center;width:100%;height:104px;margin:0 0 22px;padding:12px 22px;border-radius:15px;background:linear-gradient(145deg,#f9fcff,#e8f3fb)}.login-logo img{max-width:100%;max-height:80px;object-fit:contain}.login-card h1,.setup-card h1{margin:0;color:#f3f9ff;font-size:25px;letter-spacing:-.03em}.login-card p,.setup-card p{color:#91a9bf}.login-card form{margin-top:24px}.login-card label,.setup-card label{display:block;margin:15px 0;color:#d9e8f4;font-size:13px;font-weight:650}.login-card input,.setup-card input{width:100%;padding:12px;margin-top:6px}.login-card button,.setup-card button{width:100%;margin-top:8px;padding:12px}.login-card .err,.setup-card .err{color:#ffd9dc}.setup-card{width:min(100%,760px)}.setup-card h2{margin:27px 0 10px;color:#8bdcff;font-size:15px}.setup-card .small{color:#91a9bf}.setup-card label{margin:11px 0}.setup-card button{width:auto;min-width:230px}.setup-logo{width:200px;height:72px;margin-bottom:23px;padding:9px 13px;border-radius:12px;background:#eff6fc}.setup-logo img{width:100%;height:100%;object-fit:contain}
@media(max-width:900px){.wrap{padding:18px 16px 44px}.brand-lockup{width:165px;height:64px}.top h1{font-size:21px}.grid{grid-template-columns:1fr}}
@media(max-width:620px){.wrap{padding:12px 10px 32px}.top{align-items:flex-start;flex-direction:column;padding:13px}.brand-area{align-items:flex-start;flex-direction:column;gap:11px}.brand-lockup{width:155px;height:58px}.top h1{font-size:20px}.account{width:100%;justify-content:space-between}.nav{gap:3px;padding:7px}.nav a{padding:7px;font-size:11px}.panel{padding:17px 14px;margin:12px 0}.panel h2{font-size:16px}.login-card,.setup-card{padding:23px 18px}.login-logo{height:82px}.setup-card button{width:100%}}

.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:0 0 20px}.stat-card{position:relative;overflow:hidden;padding:16px 18px;border:1px solid rgba(76,166,221,.2);border-radius:14px;background:linear-gradient(130deg,rgba(12,42,67,.88),rgba(9,25,43,.94));box-shadow:0 10px 28px rgba(0,0,0,.16)}.stat-card:after{content:"";position:absolute;right:-32px;top:-42px;width:100px;height:100px;border-radius:50%;background:rgba(0,156,226,.1);filter:blur(12px)}.stat-card span,.stat-card small{display:block;color:#8eaac0;font-size:11px}.stat-card strong{display:block;margin:3px 0;color:#e9f7ff;font-size:27px;line-height:1.25;letter-spacing:-.04em}.stat-card small{font-size:10px;color:#698ba5}@media(max-width:900px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.stats-grid{gap:8px}.stat-card{padding:12px}.stat-card strong{font-size:23px}}