:root{--bg:#080a10;--surface:#10131c;--surface-2:#151925;--surface-3:#1b2030;--line:#252b3b;--text:#f4f6ff;--muted:#9198ab;--primary:#7667f8;--primary-2:#9d70ff;--green:#53d6a0;--orange:#f1ad58;--red:#ef6875;--yellow:#e5cb62;--blue:#62a7ff;--gold:#e8bc68;--radius:18px;--shadow:0 20px 55px rgba(0,0,0,.28);font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-size:15px;line-height:1.55}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 72% -10%,rgba(118,103,248,.11),transparent 32%),linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:auto,40px 40px,40px 40px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{tap-highlight-color:transparent}img{max-width:100%;display:block}.hidden{display:none!important}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.app-shell{display:flex;min-height:100vh;position:relative}.sidebar{width:250px;background:rgba(13,16,24,.96);border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;z-index:30;display:flex;flex-direction:column;padding:28px 18px}.brand{display:flex;align-items:center;gap:12px;padding:0 8px}.brand>span:last-child{display:flex;flex-direction:column;line-height:1.05;letter-spacing:.08em}.brand strong{font-size:18px}.brand small{font-size:10px;color:var(--muted);letter-spacing:.25em;margin-top:5px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:white;font-weight:900;font-size:18px;background:linear-gradient(135deg,var(--primary),var(--primary-2));box-shadow:0 8px 28px rgba(118,103,248,.35)}.brand-mark-lg{width:58px;height:58px;border-radius:17px;font-size:28px}.nav-list{display:flex;flex-direction:column;gap:5px;margin-top:42px;flex:1}.nav-link{display:flex;align-items:center;gap:13px;padding:11px 13px;border:1px solid transparent;border-radius:11px;color:#a8afc1;font-weight:600;transition:.2s ease}.nav-link span{font-size:20px;width:22px;text-align:center;color:#737b90}.nav-link:hover{background:rgba(255,255,255,.035);color:var(--text);transform:translateX(2px)}.nav-link.active{background:linear-gradient(90deg,rgba(118,103,248,.18),rgba(118,103,248,.05));color:#ddd9ff;border-color:rgba(118,103,248,.26);box-shadow:inset 3px 0 var(--primary)}.nav-link.active span{color:#a99fff}.nav-label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#626a7d;font-weight:800;margin:27px 13px 8px}.sidebar-footer{border-top:1px solid var(--line);padding:18px 6px 0;display:flex;justify-content:space-between;align-items:center}.sidebar-user,.topbar-user,.table-user{display:flex;align-items:center;gap:10px}.sidebar-user>span:last-child,.topbar-user>span:nth-child(2),.table-user>div{display:flex;flex-direction:column}.sidebar-user strong,.topbar-user strong,.table-user strong{font-size:13px}.sidebar-user small,.topbar-user small,.table-user small{font-size:10px;color:var(--muted);letter-spacing:.08em}.main-content{margin-left:250px;width:calc(100% - 250px);min-width:0}.topbar{height:80px;border-bottom:1px solid var(--line);background:rgba(8,10,16,.82);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:20}.topbar-title{display:flex;flex-direction:column}.topbar-title strong{font-size:17px}.eyebrow{color:#8680e9;font-size:10px;font-weight:850;letter-spacing:.18em;text-transform:uppercase}.topbar-user{gap:11px}.topbar-user form{margin-left:5px}.page-wrap{max-width:1500px;margin:auto;padding:38px 38px 60px}.menu-toggle{display:none!important}.sidebar-backdrop{display:none}
.avatar{display:grid;place-items:center;width:52px;height:52px;flex:0 0 auto;border-radius:16px;background:linear-gradient(145deg,#272c42,#1b2030);border:1px solid #353c53;color:#bcb5ff;font-size:21px;font-weight:800;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:36px;height:36px;border-radius:11px;font-size:14px}.avatar-lg{width:78px;height:78px;border-radius:23px;font-size:30px}.button,.icon-button{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:750;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.button{min-height:42px;padding:9px 16px;border-radius:11px;border:1px solid transparent}.button:hover,.icon-button:hover{transform:translateY(-1px)}.button-primary{color:white;background:linear-gradient(135deg,var(--primary),#8d66ec);box-shadow:0 10px 25px rgba(118,103,248,.2)}.button-primary:hover{box-shadow:0 13px 32px rgba(118,103,248,.32)}.button-secondary{background:#202538;border-color:#30374d;color:#e9ebf6}.button-secondary:hover{background:#282e43}.button-ghost{background:transparent;border-color:var(--line);color:#b6bdcc}.button-ghost:hover{background:rgba(255,255,255,.04);color:white}.button-danger{background:rgba(239,104,117,.13);border-color:rgba(239,104,117,.32);color:#ff939d}.button-danger:hover{background:rgba(239,104,117,.22)}.button-lg{min-height:50px;padding:12px 20px}.button-sm{min-height:34px;padding:6px 11px;font-size:12px}.button-block{width:100%}.icon-button{width:38px;height:38px;border-radius:10px;color:#a7aec0;background:transparent;border:1px solid var(--line)}.icon-button:hover{background:#1b2030;color:white}.icon-button.danger{color:#f07b86}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.page-heading h1{font-size:34px;line-height:1.14;margin:5px 0 5px;letter-spacing:-.035em}.page-heading p{color:var(--muted);margin:0}.hero-heading h1{font-size:38px}.back-link{display:inline-flex;color:#9fa6b7;font-size:13px;margin-bottom:10px}.back-link:hover{color:white}.panel{background:linear-gradient(145deg,rgba(20,24,36,.97),rgba(14,17,26,.97));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:24px 26px;border-bottom:1px solid var(--line)}.panel-header h2{font-size:19px;margin:3px 0 0}.panel-header a{color:#9d93ff;font-size:13px;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.stat-card{background:linear-gradient(145deg,#151927,#10131c);border:1px solid var(--line);border-radius:16px;padding:21px;display:flex;align-items:center;gap:17px;position:relative;overflow:hidden;transition:.2s ease}.stat-card:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-40px;top:-50px;background:currentColor;opacity:.06}.stat-card:hover{transform:translateY(-3px);border-color:#353d53}.stat-card>div:last-child{display:flex;flex-direction:column}.stat-card span{color:#aeb5c5;font-size:12px;font-weight:700}.stat-card strong{font-size:29px;line-height:1.2;margin:2px 0}.stat-card small{font-size:11px;color:#697185}.stat-icon{width:47px;height:47px;border-radius:14px;display:grid;place-items:center;font-size:20px;background:currentColor;color:inherit}.stat-icon::first-letter{color:#fff}.accent-purple{color:#9b8fff}.accent-gold{color:var(--gold)}.accent-blue{color:var(--blue)}.accent-green{color:var(--green)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:18px}.activity-list{padding:4px 26px 14px}.activity-item{display:flex;gap:15px;padding:18px 0;border-bottom:1px solid rgba(37,43,59,.7)}.activity-item:last-child{border:0}.activity-dot{width:9px;height:9px;border:2px solid #9890fc;box-shadow:0 0 0 5px rgba(118,103,248,.1);border-radius:50%;margin-top:7px}.activity-item p{margin:0;color:#c8cdd9}.activity-item small{color:#71798c}.dashboard-side{display:flex;flex-direction:column;gap:18px}.mini-feature{padding:23px}.mini-feature h3{font-size:22px;margin:12px 0 3px}.mini-feature>a{display:inline-block;margin-top:17px;color:#a89fff;font-weight:700;font-size:13px}.feature-person{display:flex;align-items:center;gap:14px;margin-top:17px}.feature-person h3{margin:0 0 5px}
.filter-bar{display:flex;gap:12px;align-items:end;background:#10131c;border:1px solid var(--line);border-radius:15px;padding:14px;margin-bottom:20px}.search-field{display:flex;align-items:center;gap:10px;flex:1;min-width:210px;background:#0b0e15;border:1px solid #293044;border-radius:10px;padding:0 13px;height:45px}.search-field span{font-size:20px;color:#737c91}.search-field input{width:100%;background:none;border:0;outline:0;color:var(--text)}.select-field,.field{display:flex;flex-direction:column;gap:7px}.select-field>span,.field>span{font-size:11px;color:#929aab;font-weight:700}.select-field select{min-width:145px}.field input,.field select,.field textarea,.select-field select{background:#0b0e15;border:1px solid #293044;border-radius:10px;color:var(--text);outline:0;padding:11px 12px;min-height:44px;transition:.18s}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.select-field select:focus,.search-field:focus-within{border-color:#7169cf;box-shadow:0 0 0 3px rgba(118,103,248,.1)}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.member-card{background:linear-gradient(150deg,#151925,#10131c);border:1px solid var(--line);border-radius:18px;padding:22px;transition:.22s ease;position:relative;overflow:hidden}.member-card:before{content:"";position:absolute;width:110px;height:110px;border-radius:50%;background:rgba(118,103,248,.07);top:-70px;left:30px}.member-card:hover{transform:translateY(-4px);border-color:#373e55;box-shadow:0 18px 40px rgba(0,0,0,.25)}.member-card-top{display:flex;justify-content:space-between;align-items:start}.member-card h2{font-size:22px;margin:16px 0 5px;letter-spacing:-.02em}.role-badge,.panel-role{display:inline-flex;align-items:center;width:max-content;padding:5px 9px;border-radius:7px;font-size:11px;font-weight:800;letter-spacing:.03em;background:rgba(150,150,170,.1);color:#bcc2cf;border:1px solid rgba(150,150,170,.15)}.role-owner{background:rgba(232,188,104,.1);border-color:rgba(232,188,104,.23);color:#edc97f}.role-co-owner{background:rgba(197,133,255,.1);border-color:rgba(197,133,255,.23);color:#cb93ff}.role-administrator{background:rgba(98,167,255,.1);border-color:rgba(98,167,255,.23);color:#82baff}.role-developer{background:rgba(83,214,160,.1);border-color:rgba(83,214,160,.23);color:#69ddad}.role-moderator{background:rgba(239,104,117,.1);border-color:rgba(239,104,117,.23);color:#f3848e}.role-supporter{background:rgba(91,205,221,.1);border-color:rgba(91,205,221,.23);color:#73d4e1}.role-builder{background:rgba(241,173,88,.1);border-color:rgba(241,173,88,.23);color:#f2b66c}.role-designer{background:rgba(239,120,195,.1);color:#ef91cf}.role-content{background:rgba(145,129,255,.1);color:#a99eff}.role-trial{background:rgba(229,203,98,.1);color:#e8d478}.status-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:999px;font-size:10px;font-weight:750;color:#aeb5c5}.status-pill i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 7px currentColor}.status-aktiv{color:var(--green)}.status-urlaub{color:var(--orange)}.status-inaktiv,.status-verlassen{color:var(--red)}.status-probezeit{color:var(--yellow)}.member-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0 16px}.member-facts div{padding:10px;border-radius:10px;background:#0c0f17;min-width:0}.member-facts dt,.member-meta span{font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#687084;font-weight:800}.member-facts dd{margin:3px 0 0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-meta{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line);font-size:11px}.member-meta strong{font-size:11px}.card-actions{display:flex;gap:8px;padding-top:15px}.card-actions .button{flex:1;min-height:38px;font-size:12px}.card-actions .icon-button{width:39px;height:39px}.empty-state{text-align:center;padding:54px 20px;color:var(--muted)}.empty-state>span{display:block;font-size:34px;color:#7169cf}.empty-state h3{color:var(--text);margin:12px 0 3px}.empty-state p{margin:0}.alert{display:flex;align-items:flex-start;gap:11px;padding:13px 15px;border-radius:11px;margin-bottom:18px}.alert>span{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-weight:900}.alert-error{color:#ffb5bc;border:1px solid rgba(239,104,117,.3);background:rgba(239,104,117,.08)}.alert-error>span{background:rgba(239,104,117,.18)}.alert ul{margin:4px 0 0;padding-left:18px}.toast{position:fixed;right:25px;top:94px;z-index:80;display:flex;align-items:center;gap:10px;padding:13px 15px;background:#171b26;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);animation:toast-in .3s ease}.toast>span{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:rgba(83,214,160,.13);color:var(--green);font-weight:900}.toast-error>span{background:rgba(239,104,117,.13);color:var(--red)}.toast button{background:none;border:0;color:#7b8396;font-size:20px;cursor:pointer;margin-left:4px}@keyframes toast-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
.form-panel{overflow:hidden}.form-section{display:grid;grid-template-columns:260px 1fr;gap:40px;padding:30px;border-bottom:1px solid var(--line)}.form-section>div:first-child h2{font-size:18px;margin:7px 0 3px}.form-section>div:first-child p{font-size:12px;color:var(--muted);margin:0}.section-number{font-size:10px;color:#8178ee;font-weight:900;letter-spacing:.12em}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field-wide{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding:20px 30px}.profile-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.profile-actions>div{display:flex;gap:9px}.profile-hero{display:grid;grid-template-columns:auto 1fr auto;gap:27px;align-items:center;padding:33px;overflow:hidden;position:relative}.profile-hero:after{content:"";position:absolute;right:-80px;top:-140px;width:320px;height:320px;border-radius:50%;background:rgba(118,103,248,.07)}.profile-avatar{width:118px;height:118px;border-radius:31px;font-size:43px;z-index:1}.profile-identity{z-index:1}.profile-identity h1{font-size:38px;margin:7px 0 5px}.profile-identity p{color:#a3aabc;max-width:650px;margin:14px 0 0}.tenure{display:flex;flex-direction:column;text-align:right;z-index:1}.tenure span{font-size:9px;color:#737b8d;letter-spacing:.14em;font-weight:800}.tenure strong{font-size:19px;margin-top:5px}.tenure small{color:#969dae}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.detail-list{margin:0;padding:8px 26px 18px}.detail-list div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid rgba(37,43,59,.65)}.detail-list div:last-child{border:0}.detail-list dt{color:#8d95a7}.detail-list dd{margin:0;text-align:right;font-weight:650}.detail-list dd small{display:block;color:#737b8d;font-weight:400}.timeline{padding:11px 26px 18px}.timeline-item{display:flex;gap:14px;position:relative;padding:12px 0}.timeline-item>span{width:9px;height:9px;border:2px solid #8178ee;border-radius:50%;margin-top:5px;box-shadow:0 0 0 5px rgba(118,103,248,.08)}.timeline-item:not(:last-child):after{content:"";position:absolute;width:1px;background:#30364a;left:4px;top:26px;bottom:-7px}.timeline-item div{display:flex;flex-direction:column}.timeline-item strong{font-size:13px}.timeline-item small{font-size:11px;color:#737b8d}.notes-panel{margin-top:18px;padding:24px 27px;border-color:rgba(229,203,98,.14)}.notes-panel h2{font-size:18px;margin:5px 0}.notes-panel p{color:#adb3c1;white-space:pre-line;margin-bottom:0}
.table-panel{overflow:hidden}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:800px}th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#747c90;background:#0d1018;padding:14px 18px}td{padding:15px 18px;border-top:1px solid var(--line);color:#b7bdca}tr:hover td{background:rgba(255,255,255,.012)}.presence{width:6px;height:6px;background:#656c7c;border-radius:50%;display:inline-block;margin-right:5px}.presence.online{background:var(--green);box-shadow:0 0 7px var(--green)}.panel-role-owner{color:#edc97f;background:rgba(232,188,104,.1)}.panel-role-admin{color:#82baff;background:rgba(98,167,255,.1)}.panel-role-viewer{color:#b5bac8}.row-actions{display:flex;justify-content:flex-end;gap:6px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0}.switch-row>span{display:flex;flex-direction:column}.switch-row small{color:var(--muted)}.switch-row input[type=checkbox]{appearance:none;width:46px;height:25px;border-radius:999px;background:#303648;position:relative;cursor:pointer;transition:.2s}.switch-row input[type=checkbox]:after{content:"";position:absolute;width:19px;height:19px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.switch-row input[type=checkbox]:checked{background:var(--primary)}.switch-row input[type=checkbox]:checked:after{transform:translateX(21px)}.log-filters{justify-content:flex-start}.field.compact input{min-height:41px}.log-panel{overflow:hidden}.log-list{padding:0 24px}.log-entry{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:18px 0;border-bottom:1px solid var(--line)}.log-entry:last-child{border:0}.log-symbol{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:rgba(118,103,248,.1);color:#968cff;font-weight:900}.log-delete{background:rgba(239,104,117,.1);color:var(--red)}.log-create{background:rgba(83,214,160,.1);color:var(--green)}.log-main>div{display:flex;align-items:center;gap:9px}.log-main strong{font-size:13px}.log-main p{font-size:11px;color:#777f91;margin:3px 0 0}.log-action{font-size:9px;padding:3px 6px;border:1px solid var(--line);border-radius:5px;color:#7f8799}.log-entry time{font-size:11px;color:#737b8e}.settings-panel{overflow:hidden}.settings-section{display:grid;grid-template-columns:1fr minmax(300px,500px);align-items:center;gap:40px;padding:28px 30px;border-bottom:1px solid var(--line)}.settings-section>div{display:flex;align-items:center;gap:15px}.settings-section h2{font-size:17px;margin:0}.settings-section p{font-size:12px;color:var(--muted);margin:3px 0 0}.settings-icon{width:44px;height:44px;display:grid;place-items:center;background:#1d2233;border:1px solid #30374c;border-radius:13px;color:#9c93ff;font-weight:900}
.modal{border:0;padding:0;background:transparent;color:var(--text);max-width:none}.modal::backdrop{background:rgba(3,4,8,.77);backdrop-filter:blur(5px);animation:fade-in .18s}.modal[open]{animation:modal-in .22s ease}.modal-card{width:min(440px,calc(100vw - 28px));background:#141823;border:1px solid #30364a;border-radius:19px;padding:28px;box-shadow:0 30px 90px rgba(0,0,0,.55);position:relative;text-align:center}.modal-card p{color:#9da4b4}.modal-card h2{margin:11px 0 5px}.modal-close{position:absolute;right:13px;top:13px;background:transparent;border:0;color:#8991a3;font-size:25px;cursor:pointer}.modal-icon{width:48px;height:48px;display:grid;place-items:center;margin:auto;border-radius:15px;background:rgba(118,103,248,.13);color:#aaa2ff;font-size:21px;font-weight:900}.modal-icon.danger{background:rgba(239,104,117,.12);color:var(--red)}.modal-actions{display:flex;gap:9px;justify-content:center;margin-top:24px}.modal-form{text-align:left}.modal-form h2{text-align:left;margin-bottom:20px}.modal-form .field{margin-top:14px}.modal-form .modal-icon{margin-left:0}.modal-form>p{text-align:left}.modal-form .modal-actions{justify-content:flex-end}@keyframes modal-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes fade-in{from{opacity:0}to{opacity:1}}
.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(400px,1.1fr) minmax(440px,.9fr);position:relative}.login-visual{display:flex;flex-direction:column;justify-content:center;padding:9vw;position:relative;overflow:hidden;background:#0b0d15;border-right:1px solid var(--line)}.login-visual:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:45px 45px;mask-image:linear-gradient(to right,black,transparent)}.login-brand{display:flex;align-items:flex-start;gap:20px;position:relative;z-index:2}.login-brand h1{font-size:61px;line-height:.9;letter-spacing:-.055em;margin:8px 0 0}.login-visual>p{font-size:19px;color:#979fb0;margin:35px 0;position:relative;z-index:2}.security-note{display:flex;gap:12px;align-items:center;position:absolute;left:9vw;bottom:55px;z-index:2}.security-note>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:rgba(83,214,160,.1);color:var(--green)}.security-note div{display:flex;flex-direction:column}.security-note strong{font-size:12px}.security-note small{color:#71798d;font-size:10px}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:440px;height:440px;background:radial-gradient(circle,rgba(118,103,248,.16),transparent 65%);right:-100px;top:-80px}.orb-two{width:300px;height:300px;background:radial-gradient(circle,rgba(92,62,190,.1),transparent 65%);left:-100px;bottom:0}.login-panel{display:grid;place-items:center;padding:40px;background:radial-gradient(circle at 70% 30%,rgba(118,103,248,.07),transparent 40%)}.login-card{width:min(420px,100%)}.login-card h2{font-size:37px;margin:7px 0 4px;letter-spacing:-.035em}.login-card>.muted{margin:0 0 27px}.form-stack{display:flex;flex-direction:column;gap:17px}.input-icon{display:flex;align-items:center;background:#0b0e15;border:1px solid #293044;border-radius:11px;padding:0 13px;transition:.18s}.input-icon:focus-within{border-color:#7169cf;box-shadow:0 0 0 3px rgba(118,103,248,.1)}.input-icon b{color:#6d758a;font-weight:400;width:24px}.input-icon input{flex:1;background:none;border:0;outline:0;color:white;padding:13px 5px;min-width:0}.reveal-password{background:none;border:0;color:#687084;cursor:pointer}.login-help{text-align:center;color:#656d80;font-size:11px;margin-top:24px}.mobile-brand{display:none}
.error-page{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 50% 35%,rgba(118,103,248,.13),transparent 28%)}.error-card{text-align:center;max-width:520px}.error-card .brand{justify-content:center;margin-bottom:34px}.error-code{display:block;font-size:105px;line-height:1;font-weight:900;letter-spacing:-.08em;background:linear-gradient(135deg,#fff,#6e66cc);background-clip:text;color:transparent}.error-card h1{font-size:27px;margin:8px 0}.error-card p{color:var(--muted);margin:0 0 25px}
@media(max-width:1150px){.stats-grid{grid-template-columns:1fr 1fr}.team-grid{grid-template-columns:1fr 1fr}.filter-bar{flex-wrap:wrap}.search-field{flex-basis:100%}.profile-hero{grid-template-columns:auto 1fr}.tenure{grid-column:2;text-align:left}.settings-section{grid-template-columns:1fr}}
@media(max-width:800px){.sidebar{transform:translateX(-101%);transition:transform .24s ease;width:270px}.sidebar.open{transform:none}.sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:25;opacity:0;pointer-events:none;transition:.2s}.sidebar.open+.sidebar-backdrop{opacity:1;pointer-events:auto}.main-content{margin-left:0;width:100%}.topbar{height:68px;padding:0 18px}.menu-toggle{display:inline-flex!important}.topbar-title{margin-right:auto;margin-left:12px}.topbar-user>span:nth-child(2),.topbar-user form{display:none}.page-wrap{padding:25px 18px 45px}.page-heading,.profile-actions{align-items:flex-start}.page-heading h1,.hero-heading h1{font-size:29px}.page-heading{flex-direction:column}.stats-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.profile-grid{grid-template-columns:1fr}.team-grid{grid-template-columns:1fr 1fr}.form-section{grid-template-columns:1fr;gap:20px}.profile-hero{grid-template-columns:1fr;text-align:center}.profile-avatar{margin:auto}.profile-identity .role-badge{margin:auto}.tenure{grid-column:1;text-align:center}.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-panel{padding:28px;min-height:100vh}.mobile-brand{display:flex;align-items:center;gap:12px;margin-bottom:48px}.log-entry{grid-template-columns:auto 1fr}.log-entry time{grid-column:2}.modal-card{padding:24px}.toast{right:15px;top:78px;left:15px}}
@media(max-width:580px){.page-wrap{padding-inline:14px}.topbar-title .eyebrow{display:none}.team-grid,.stats-grid,.form-grid{grid-template-columns:1fr}.stat-card{padding:17px}.filter-bar>*{width:100%}.select-field select{width:100%}.member-facts{grid-template-columns:1fr 1fr}.member-facts div:last-child{grid-column:1/-1}.profile-actions{gap:12px}.profile-actions>div{width:100%}.profile-actions .button{flex:1}.profile-hero{padding:25px 18px}.profile-identity h1{font-size:31px}.form-section{padding:23px 18px}.form-actions{padding:18px;flex-direction:column-reverse}.form-actions .button{width:100%}.settings-section{padding:22px 18px}.login-card h2{font-size:32px}.login-panel{padding:22px}.modal-actions{flex-direction:column-reverse}.modal-actions .button{width:100%}.log-filters{align-items:stretch}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}