:root{--bg:#020b16;--side:#03121e;--panel:#071d31;--panel2:#0c2d46;--border:rgba(26,217,255,.48);--line:rgba(52,157,209,.28);--cyan:#1ee5ff;--blue:#31baf4;--white:#edfbff;--muted:#aacbda;--gold:#ffac29;--green:#5bffc1;--red:#ff757d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--white);background:radial-gradient(ellipse 70% 28% at 56% 93%,#06385a 0,transparent 65%),linear-gradient(155deg,#020a15 0%,#05182a 45%,#020b16 100%);font:14px/1.45 "Segoe UI",system-ui,-apple-system,Arial,sans-serif;min-height:100vh}
button,input,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.svg-icons{position:absolute;width:0;height:0;overflow:hidden}.kicker{font-size:10px;letter-spacing:2.8px;font-weight:750;color:var(--cyan)}.muted{color:var(--muted)}.label{display:block;font-size:12px;color:#c0e0ee;font-weight:650;margin:5px 0 4px}.small{font-size:12px}.error{color:#ff9daa}.success{color:var(--green)}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.slash{color:var(--gold);font-size:16px;letter-spacing:-1px}.field{width:100%;padding:12px 13px;color:#fff;background:linear-gradient(150deg,#061422,#0b293d);border:1px solid #32718b;border-radius:8px;margin:5px 0 15px;outline:none}.field:focus-visible{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(30,229,255,.16)}.btn{background:linear-gradient(180deg,#12354b,#092236);color:#dff8ff;border:1px solid #27758d;box-shadow:inset 0 1px 0 #76ddff22;border-radius:9px;padding:10px 15px;font-weight:690;display:inline-flex;gap:7px;align-items:center;justify-content:center;transition:filter .15s,box-shadow .15s}.btn svg{width:15px;height:15px}.btn.primary{background:linear-gradient(135deg,#13dbf3,#067cb2);border-color:#69f5ff;color:#04141d;box-shadow:0 0 16px #13d2ff55}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:hover:not(:disabled){filter:brightness(1.14);box-shadow:0 0 14px #00cfff55}.btn:focus-visible,.nav button:focus-visible,.mail:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.shell{display:grid;grid-template-columns:258px minmax(0,1fr);min-height:100vh;max-width:2200px;margin:auto}.side{position:relative;min-width:0;z-index:1;display:flex;flex-direction:column;background:linear-gradient(180deg,#020c17 0%,#031b2c 65%,#020e1c 100%);padding:23px 12px 20px;border-right:1px solid #06c8ff66;box-shadow:inset -1px 0 16px #009dff11}.brand-lockup{padding:4px 9px 18px;border-bottom:1px solid #13bdfa58;text-align:center;min-height:128px}.brand-lockup img{display:block;width:100%;height:auto;max-height:111px;object-fit:contain}.brand-lockup>span{font-size:9px;letter-spacing:3.5px;font-weight:750;color:#94eaff}.nav{display:grid;gap:6px;margin-top:22px}.nav button{border:1px solid transparent;background:transparent;color:#cce6f1;font-size:13px;font-weight:650;padding:12px 16px;display:flex;gap:14px;align-items:center;text-align:left;border-radius:8px;min-height:46px}.nav svg,.panel-title svg,.metric-head svg,.live-line svg,.mode-tag svg,.protection svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.nav button svg{width:19px;height:19px}.nav button.active{background:linear-gradient(90deg,#064e68,#067bb5 95%);color:#efffff;border:1px solid #26e1ff;box-shadow:inset 0 1px 3px #7fe8ff80,0 0 18px #00d9ff70}.nav button:not(.active):hover{background:#0c3145}.nav button[data-view="Wichtig"] svg{color:var(--gold)}.sidebar-footer{margin-top:auto;text-align:center;padding-top:16px}.sidebar-orbit{width:107px;height:107px;border-radius:50%;margin:0 auto 13px;display:grid;place-items:center;background:radial-gradient(circle,#0c546d 3%,transparent 49%),repeating-conic-gradient(from 0deg,#10cfff 0deg 3deg,transparent 3deg 18deg);border:2px dotted #1dd3ff;box-shadow:0 0 22px #00d9ff40,inset 0 0 28px #00ceff55}.sidebar-orbit svg{width:36px;height:36px;fill:none;stroke:#9dffff;stroke-width:1.7}.sidebar-safe{font-size:9px;letter-spacing:1.7px;color:#80e5ff}.sidebar-footnote{margin-top:6px;color:#8aaebd;font-size:10px}
.main{padding:17px clamp(14px,1.7vw,30px) 18px;min-width:0;overflow:hidden;position:relative}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;min-height:158px;padding:22px 14px 17px;position:relative;isolation:isolate;border-bottom:1px solid #0aa2e168;background:linear-gradient(90deg,#041b2a 0%,#05243b88 44%,#021321 100%);margin:-17px calc(clamp(14px,1.7vw,30px) * -1) 13px;padding-left:clamp(22px,3vw,42px);padding-right:clamp(16px,2vw,36px)}.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 66% 60%,rgba(12,162,242,.21),transparent 42%);z-index:-1}.hero-copy{min-width:230px;z-index:1}.hero h1{font-size:clamp(27px,2.6vw,42px);line-height:1.03;margin:16px 0 8px;letter-spacing:-.6px;font-weight:760;text-shadow:0 0 14px #28cafa55}.hero-subtitle{margin:0;color:#d0eefa;font-size:13px}.hero-house{position:absolute;left:54%;top:0;width:340px;height:164px;transform:translateX(-30%);display:grid;place-items:center;pointer-events:none;color:#28deff;filter:drop-shadow(0 0 9px #00c8ff80)}.house-svg{width:310px;height:auto;opacity:.9}.holo-ring{position:absolute;left:50%;top:43%;width:220px;height:135px;border:1px solid #04b6f166;border-radius:50%;transform:translate(-50%,-50%) rotateX(65deg);box-shadow:0 0 20px #00c8ff40}.holo-ring-two{width:310px;height:185px;border-color:#e78b2480}.hero-services{z-index:1;display:grid;grid-template-columns:repeat(4,60px);gap:8px;margin-top:5px}.hero-services>div{display:flex;flex-direction:column;align-items:center;gap:9px;font-size:10px;letter-spacing:.5px;color:#d7f6ff}.hero-services svg{width:31px;height:31px;stroke:#31e1f5;fill:none;stroke-width:1.8;filter:drop-shadow(0 0 7px #06d3ef88)}.hero-services>div:nth-child(2) svg{stroke:#ffae32;filter:drop-shadow(0 0 7px #ff9e3588)}.hero-services>div:nth-child(4) svg{stroke:#ffe15b}.hero-services>div:after{content:"";width:100%;height:2px;background:linear-gradient(90deg,transparent,#ffad37,transparent);margin-top:-3px}
.toolbar{display:flex;justify-content:flex-end;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:15px}.mode-tag{border:1px solid #1d8d9b;border-radius:7px;background:#052333;padding:8px 11px;font-size:10px;letter-spacing:1.2px;font-weight:700;color:#81ebff;display:flex;gap:8px;align-items:center}.mode-tag svg{width:15px;height:15px}.mode-tag span{color:var(--gold);margin-left:4px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:15px}.metric,.panel{background:linear-gradient(145deg,rgba(6,37,58,.97) 0%,rgba(5,19,34,.97) 100%);border:1px solid var(--border);border-radius:13px;box-shadow:inset 0 1px 0 #9beeff20,0 0 21px #00c6ff0a;position:relative}.metric::after,.panel::after{content:"";position:absolute;width:32px;height:1px;right:12px;bottom:0;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.metric{padding:14px 16px 12px;min-height:112px;box-shadow:inset 0 1px 0 #70e8ff29,0 3px 20px #00b9ff1b}.metric-head{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:600}.metric-head svg{color:#4be9ff;width:24px;height:24px}.metric-lower{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-left:34px}.metric strong{font-size:36px;letter-spacing:.5px;font-weight:780;color:#a5faff;text-shadow:0 0 12px #05c8ff45}.sparkline{height:30px;width:60px;opacity:.75;flex:none;background:linear-gradient(135deg,transparent 47%,rgba(25,217,250,.75) 49%,transparent 53%) left 12px top 8px/20px 18px no-repeat,linear-gradient(165deg,transparent 47%,rgba(25,217,250,.95) 50%,transparent 53%) right 9px top 3px/29px 23px no-repeat;filter:drop-shadow(0 0 6px #08cffe)}.spark3{filter:hue-rotate(115deg) drop-shadow(0 0 5px #ffb83d)}.spark4{opacity:.4}
.work-grid{display:grid;grid-template-columns:minmax(240px,1.0fr) minmax(330px,1.4fr) minmax(222px,.85fr);gap:15px;align-items:start}.panel{padding:15px;min-width:0}.panel-title{display:flex;gap:10px;align-items:flex-start;margin-bottom:15px}.panel-title svg{width:23px;height:23px;color:var(--cyan);filter:drop-shadow(0 0 6px #10d5ff66)}.panel-title h2{font-size:clamp(14px,1.3vw,18px);line-height:1.25;margin:0;font-weight:760}.panel-title p{color:#7ab5d0;font-size:10px;margin:5px 0 0}.panel-title.mini{margin-bottom:11px}.list{display:grid;align-content:start;gap:8px;max-height:530px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#15738c transparent}.mail{background:#071e30;border:1px solid #1f5671;border-radius:8px;padding:11px;text-align:left;color:var(--white);width:100%;min-height:84px;overflow:hidden;transition:background .15s,border-color .15s;box-shadow:inset 0 1px 0 #d4faff0a}.mail.sel,.mail:hover{background:linear-gradient(100deg,#12526b,#0b283e);border-color:#28e1ff;box-shadow:0 0 10px #10dcff2c,inset 3px 0 0 var(--gold)}.mail em{display:block;font-style:normal;font-size:10px;color:#ffbd59;margin-bottom:5px}.mail strong{font-size:12px;line-height:1.3;display:block}.mail small{font-size:11px;display:block;color:#92b9ce;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.draft-panel .panel-title{padding-bottom:12px;border-bottom:1px solid #18a5d13d}.no{padding:38px 11px;text-align:center;color:#93bdd3;font-size:12px;min-height:140px;display:grid;place-items:center}.msgcat{font-size:10px;color:#ffb441;font-weight:700;letter-spacing:.7px}.heading{font-size:16px;font-weight:760;margin:7px 0;overflow-wrap:anywhere}.meta{font-size:11px;color:#8cbcd0;margin:5px 0;overflow-wrap:anywhere}.detailtext{white-space:pre-wrap;word-break:break-word;background:linear-gradient(150deg,#061e30,#071526);border:1px solid #136c8b;padding:13px;border-radius:8px;max-height:205px;overflow:auto;font-size:12px;margin:12px 0}.draft{min-height:145px;resize:vertical;line-height:1.5}.operations{display:grid;grid-template-rows:auto 1fr auto;gap:13px}.operations .panel{padding:14px}.live-panel .panel-title svg{color:var(--cyan)}.live-line{background:linear-gradient(90deg,#07334b,#071b2e);border:1px solid #135b7b;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border-radius:8px;margin-top:7px}.live-line span{font-size:11px;display:flex;align-items:center;gap:7px}.live-line svg{width:17px;height:17px;color:#2bdff7}.live-line b{color:#69f6ff;font-size:18px}.live-line:nth-of-type(4) b{color:#ffba4a}.live-line.status-line b{font-size:10px;color:#c4edfa;max-width:120px;text-align:right}.ai-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;min-height:214px}.ai-content h2{font-size:17px;margin:0 0 4px}.ai-state{font-size:10px;display:inline-flex;border:1px solid #498681;border-radius:9px;color:#bde6ee;padding:3px 8px}.ai-state.on{color:#6cffc8;border-color:#24a56b}.ai-content p{color:#a5cedd;font-size:11px;margin:9px 0 6px}.ai-fine{font-size:10px;color:#ffcc7c}.ai-orbit{flex:none;width:100px;height:100px;border-radius:50%;border:2px solid #16dcff;background:repeating-conic-gradient(from 17deg,#00d4fa 0 7deg,transparent 7deg 19deg,#ffad2e 19deg 23deg,transparent 23deg 38deg);display:grid;place-items:center;box-shadow:0 0 25px #00dafa33,inset 0 0 17px #00dafa55}.ai-core{width:67px;height:67px;display:grid;place-items:center;border-radius:50%;background:#07354b;border:2px solid #6cdbff;box-shadow:inset 0 0 12px #19c4ff70;color:#b6faff;font-size:25px;font-weight:800;letter-spacing:1px}.protection{display:flex;align-items:center;gap:11px;padding:12px}.protection svg{color:#57ffa8}.protection strong{display:block;font-size:12px}.protection small{color:#a2cadd;font-size:10px}.settings{max-width:900px;margin:auto}.settings-intro{margin-bottom:18px}.settings-intro h2{margin:0;font-size:22px}.settings-intro p{margin:5px 0;color:#93c3d5}.settings .section{margin-bottom:15px}.help{font-size:12px;color:#abcada;line-height:1.7;max-width:800px}.status{font-size:12px;color:#67dff3}.privacy-row{display:flex;align-items:flex-start;gap:8px;margin:5px 0 10px;color:#b6d5e6}.privacy-row input{margin-top:4px}.message{margin-top:12px;color:#9ae9ff}.floor-hud{height:65px;position:relative;display:grid;place-items:center;opacity:.55;pointer-events:none;margin:10px auto 0}.floor-hud::before,.floor-hud::after{content:"";width:min(48vw,500px);height:48px;border-radius:50%;border:2px solid #20d5ff;position:absolute;box-shadow:0 0 15px #20dfff,inset 0 0 16px #16ccff;transform:rotateX(68deg)}.floor-hud:after{width:min(33vw,290px);height:32px;border-color:var(--gold);box-shadow:0 0 15px #ffb42c}.foot{font-size:10px;letter-spacing:.25px;text-align:center;color:#749eb1;margin:3px auto 0;max-width:920px}
.authwrap{min-height:100vh;display:grid;place-items:center;padding:22px;isolation:isolate;position:relative}.auth-halo{width:min(80vw,650px);height:min(80vw,650px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid #07d2ff40;box-shadow:0 0 70px #00baff23,inset 0 0 70px #00baff22;z-index:-1}.auth-halo::before,.auth-halo::after{content:"";position:absolute;inset:36px;border-radius:50%;border:1px dashed #26dfff65}.auth-halo::after{inset:75px;border-color:#ffaa3575}.auth{width:min(440px,100%);border:1px solid #21c5e7;background:linear-gradient(140deg,#0c2b40f5,#03111ef7);padding:28px;border-radius:16px;box-shadow:0 0 45px #04c9ff29,inset 0 1px 0 #80dfff40}.auth-logo{display:block;max-width:290px;width:75%;margin:0 auto 20px}.auth h1{margin:9px 0;font-size:31px}.auth .muted{font-size:12px;margin-bottom:20px}.auth-submit{width:100%;justify-content:space-between;margin-top:4px}
@media(max-width:1350px){.hero-house{opacity:.35;left:50%}.hero-services{grid-template-columns:repeat(4,50px);gap:3px}.work-grid{grid-template-columns:minmax(225px,1fr) minmax(290px,1.3fr)}.operations{grid-column:1/-1;grid-template-columns:1fr 1fr;grid-template-rows:auto}.operations .protection{grid-column:1/-1}.ai-panel{flex-direction:row;min-height:160px;text-align:left}.ai-orbit{width:84px;height:84px}.ai-core{width:56px;height:56px}}
@media(max-width:900px){.shell{grid-template-columns:1fr}.side{padding:11px 14px;gap:8px;border-right:0;border-bottom:1px solid #168caf}.brand-lockup{min-height:0;padding:2px 0;border:0;text-align:left;display:flex;align-items:center;gap:20px}.brand-lockup img{width:160px;max-height:64px}.brand-lockup>span{font-size:9px}.nav{display:flex;gap:7px;min-width:0;max-width:100%;overflow-x:auto;margin-top:2px;padding:3px 0 7px;scrollbar-width:thin}.nav button{flex:none;min-height:36px;padding:9px 12px;font-size:12px}.nav button svg{width:16px;height:16px}.sidebar-footer{display:none}.main{padding:13px}.hero{margin:-13px -13px 10px;min-height:125px;padding:18px 16px}.hero h1{margin:10px 0 6px}.hero-services{display:none}.hero-house{left:65%;width:210px;opacity:.25}.toolbar{justify-content:space-between}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.work-grid{grid-template-columns:1fr 1fr}.draft-panel{grid-column:1/-1;grid-row:2}.operations{grid-column:1/-1;grid-row:3}.inbox-panel{grid-column:1/-1}.list{max-height:360px}}
@media(max-width:600px){.work-grid{align-items:stretch}.brand-lockup{gap:10px}.brand-lockup img{width:140px}.brand-lockup>span{font-size:8px;letter-spacing:1.2px}.hero{min-height:116px}.hero-copy{min-width:0}.hero h1{font-size:30px}.hero-subtitle{font-size:11px}.hero-house{display:none}.kicker{font-size:9px;letter-spacing:1.4px}.toolbar .row{width:100%}.toolbar .row .btn{flex:1}.metrics{gap:9px}.metric{min-height:96px;padding:11px 12px}.metric-head{font-size:10px}.metric-head svg{width:20px;height:20px}.metric-lower{padding-left:28px}.metric strong{font-size:29px}.sparkline{width:42px}.work-grid{display:flex;flex-direction:column}.operations{display:flex;flex-direction:column}.ai-panel{flex-direction:row}.floor-hud{height:44px}.foot{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}