:root{--bg:#f4f5f7;--panel:#fff;--panel-soft:#f8f9fb;--ink:#121417;--muted:#727781;--line:#e4e7eb;--gold:#c48a19;--gold-dark:#9d6c0c;--dark:#0b0c0e;--green:#159447;--blue:#2176d9;--red:#d94343;--orange:#d99016;--shadow:0 12px 35px rgba(19,24,31,.08)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer}.icon-button{border:0;background:transparent;display:grid;place-items:center;padding:8px;border-radius:10px}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:linear-gradient(180deg,#111315,#08090b);color:#fff;z-index:30;display:flex;flex-direction:column;border-right:1px solid #26292e}.sidebar-brand{min-height:118px;padding:20px 20px 16px;border-bottom:1px solid #282b30;display:flex;align-items:center;justify-content:space-between}.sidebar-brand img{width:190px;max-height:75px;object-fit:contain;object-position:left center}.close-nav{display:none;color:#fff}.sidebar nav{padding:12px 10px;display:flex;flex-direction:column;gap:4px;overflow:auto}.sidebar nav button{border:0;color:#d8d9dc;background:transparent;text-align:left;display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:9px}.sidebar nav button:hover{background:#1a1d21;color:#fff}.sidebar nav button.active{background:linear-gradient(135deg,#d39a28,#9e680b);color:#fff;box-shadow:inset 0 0 0 1px #ffffff1a}.sidebar-foot{margin-top:auto;padding:18px 22px;border-top:1px solid #25282c;color:#d5d7da;display:flex;flex-direction:column;gap:5px;font-size:13px}.sidebar-foot small{color:#7f858d}.online-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#18b552;margin-right:6px}.main{grid-column:2;min-width:0}.topbar{height:76px;position:sticky;top:0;z-index:20;background:#fffffff2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.topbar-left,.topbar-actions{display:flex;align-items:center;gap:12px}.menu-button{display:none}.searchbox{width:min(520px,48vw);height:44px;border:1px solid var(--line);background:#f8f9fa;border-radius:11px;display:flex;align-items:center;padding:0 13px;gap:9px}.searchbox input{border:0;outline:0;background:transparent;width:100%;color:#222}.bell{position:relative}.bell span{position:absolute;top:0;right:0;background:var(--red);color:#fff;border-radius:999px;font-size:10px;font-weight:800;min-width:17px;height:17px;display:grid;place-items:center}.role-button{border:0;background:transparent;display:flex;align-items:center;gap:9px;text-align:left;padding:6px 8px;border-radius:10px}.role-button:hover{background:#f2f3f5}.role-button span{display:flex;flex-direction:column}.role-button small{color:var(--muted)}.page{padding:28px;max-width:1650px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:22px}.page-heading h1{margin:2px 0 5px;font-size:30px}.page-heading p{margin:0;color:var(--muted)}.eyebrow{color:var(--gold)!important;font-weight:800;letter-spacing:2px;font-size:11px!important}.heading-actions{display:flex;gap:10px;flex-wrap:wrap}.primary-button,.secondary-button{min-height:42px;border-radius:10px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.primary-button{border:1px solid var(--gold-dark);background:linear-gradient(180deg,#dca433,#b87d12);color:#fff}.secondary-button{border:1px solid var(--line);background:#fff;color:#1a1d21}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.metric-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;min-height:112px;padding:18px;display:flex;align-items:center;gap:15px}.metric-card>div:last-child{display:grid;grid-template-columns:auto auto;column-gap:10px;align-items:end}.metric-card span{grid-column:1/-1;font-size:13px;color:var(--muted)}.metric-card strong{font-size:30px;line-height:1}.metric-card small{color:var(--muted);padding-bottom:2px}.metric-icon{width:48px;height:48px;border-radius:12px;background:#f1f5f8;display:grid;place-items:center}.metric-icon.warning{background:#fff2e7;color:#d06a16}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.85fr);gap:14px}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;overflow:hidden}.panel-title{height:56px;border-bottom:1px solid var(--line);padding:0 16px;display:flex;align-items:center;justify-content:space-between}.panel-title>div{display:flex;align-items:center;gap:9px}.text-button{border:1px solid var(--line);background:#fff;padding:7px 10px;border-radius:8px;font-size:12px}.live-label{font-size:11px;font-weight:800;color:#188542}.live-label span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#1ab759;margin-right:5px}.trip-list{padding:2px 0}.trip-row{display:grid;grid-template-columns:70px minmax(220px,1.6fr) minmax(120px,.8fr) 130px 82px;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #edf0f2}.trip-row:last-child{border-bottom:0}.time{font-weight:800}.trip-main,.trip-assignment{display:flex;flex-direction:column;gap:3px}.trip-main span,.trip-assignment span{font-size:12px;color:var(--muted)}.patient-line{display:flex;gap:8px;align-items:center}.mini-badge{font-size:10px!important;padding:3px 6px;border-radius:999px;background:#eef3f9;color:#4d6479!important}.row-action{border:0;background:#f1f2f4;border-radius:8px;padding:8px;font-size:12px}.status-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;padding:7px 9px;border-radius:999px;font-size:11px;font-weight:800}.status-pill .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.status-offen{background:#fff0ef;color:#bd3939}.status-geplant{background:#eaf3ff;color:#176cba}.status-auf_dem_weg{background:#e7f4ff;color:#0879c8}.status-angekommen{background:#fff3dc;color:#b27610}.status-in_fahrt,.status-abgeschlossen{background:#e8f7ec;color:#168142}.driver-cards{padding:10px}.driver-card{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;padding:10px;border-bottom:1px solid #edf0f2}.driver-card:last-child{border-bottom:0}.driver-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#101214;color:#fff;font-weight:800}.driver-card>div:nth-child(2){display:flex;flex-direction:column}.driver-card span{font-size:12px;color:var(--muted)}.map-panel{min-height:330px}.map-placeholder{height:274px;position:relative;overflow:hidden;background:linear-gradient(135deg,#e8edf2,#f9fafb)}.map-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(140,150,160,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(140,150,160,.12) 1px,transparent 1px);background-size:34px 34px;transform:rotate(-7deg) scale(1.2)}.map-city{position:absolute;color:#6f7c88;font-weight:800;font-size:11px;letter-spacing:1px}.city-one{left:65%;top:57%}.city-two{left:30%;top:33%}.city-three{left:13%;top:16%}.vehicle-pin{position:absolute;background:#111;color:#fff;border-radius:10px;padding:7px 9px;display:flex;align-items:center;gap:6px;font-size:10px;box-shadow:0 6px 18px #0000002e}.pin-1{left:13%;top:28%}.pin-2{left:45%;top:50%}.pin-3{left:60%;top:18%}.pin-4{left:28%;top:68%}.pin-5{left:72%;top:72%}.quick-grid{padding:12px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.quick-action{border:1px solid var(--line);background:#fff;border-radius:10px;padding:14px;display:flex;align-items:center;gap:9px;font-weight:700}.quick-action:hover{border-color:#c69a46;background:#fffaf0}.module-strip{margin-top:14px;background:#0d0f11;color:#fff;border-radius:14px;padding:14px 18px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.feature{display:flex;gap:10px;align-items:center;padding:9px}.feature svg{color:#d9a032;flex:0 0 auto}.feature div{display:flex;flex-direction:column}.feature span{color:#9ea4ab;font-size:11px;margin-top:3px}.placeholder-panel{min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px}.placeholder-icon{width:74px;height:74px;border-radius:20px;background:#fff5df;color:#a86f0c;display:grid;place-items:center}.placeholder-icon svg{width:34px;height:34px}.placeholder-panel h2{font-size:30px;margin:18px 0 7px}.placeholder-panel p{max-width:650px;color:var(--muted);font-size:16px}.placeholder-actions{display:flex;gap:10px;margin-top:18px}.modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:18px}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#07090ca3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card{position:relative;width:min(720px,100%);background:#fff;border-radius:18px;box-shadow:0 30px 80px #00000047;padding:22px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start}.modal-head h2{margin:3px 0 0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:20px 0}.form-grid label{display:flex;flex-direction:column;gap:6px}.form-grid label.wide{grid-column:1/-1}.form-grid label span{font-size:12px;font-weight:700;color:#555d66}.form-grid input,.form-grid select{height:44px;border:1px solid var(--line);border-radius:9px;padding:0 11px;background:#fff}.form-grid input:disabled,.form-grid select:disabled{background:#f5f6f7;color:#676c72}.modal-summary{display:flex;gap:9px;padding:12px;border-radius:10px;background:#fff8e9;color:#765313;font-size:12px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.driver-app{min-height:100vh;background:#f2f4f6}.driver-topbar{height:82px;background:#0b0c0e;color:#fff;display:flex;align-items:center;gap:18px;padding:0 max(18px,calc((100vw - 1200px)/2));position:sticky;top:0;z-index:20}.driver-topbar img{width:210px;max-height:64px;object-fit:contain;object-position:left center}.driver-online{margin-left:auto;color:#d8dddd;font-size:13px}.driver-select{display:flex;gap:10px;align-items:center}.driver-select select{height:40px;border-radius:9px;border:1px solid #34383c;background:#16181b;color:#fff;padding:0 10px}.driver-select .secondary-button{background:#1b1e22;color:#fff;border-color:#353a40}.driver-content{max-width:1100px;margin:0 auto;padding:28px 18px 50px}.driver-page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}.driver-page-heading h1{margin:3px 0 5px;font-size:31px}.driver-page-heading p{margin:0;color:var(--muted)}.driver-count{font-size:34px;font-weight:800;display:flex;flex-direction:column;align-items:flex-end}.driver-count span{font-size:11px;color:var(--muted);font-weight:600}.driver-current{display:grid;gap:10px}.current-badge{font-size:12px;font-weight:800;color:var(--gold-dark)}.driver-trip-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:20px}.driver-trip-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.driver-trip-head h2{margin:0 0 4px}.driver-trip-head p{margin:0;color:var(--muted)}.address-route{margin:24px 0;padding:4px 0 4px 7px}.route-point{display:flex;gap:12px;align-items:center}.route-point>span{width:30px;height:30px;border-radius:50%;background:#1e7bd6;color:#fff;display:grid;place-items:center;font-weight:800}.route-point.destination>span{background:#d19a2a}.route-point div{display:flex;flex-direction:column}.route-point small{color:var(--muted)}.route-line{height:30px;border-left:2px dashed #cdd3d8;margin-left:14px}.progress-track{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:22px 0}.progress-track>div{position:relative;text-align:center;font-size:10px;color:#9ca1a7;padding-top:20px}.progress-track>div:before{content:"";position:absolute;top:6px;left:0;right:0;height:3px;background:#e5e7e9}.progress-track>div:first-child:before{left:50%}.progress-track>div:last-child:before{right:50%}.progress-track>div span{position:absolute;top:1px;left:50%;transform:translate(-50%);width:13px;height:13px;border-radius:50%;background:#d5d8dc;z-index:1}.progress-track>div.done{color:#157d40;font-weight:700}.progress-track>div.done:before,.progress-track>div.done span{background:#1ca653}.driver-action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.driver-action{min-height:62px;border:0;border-radius:11px;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px}.driver-action:disabled{opacity:.25;cursor:not-allowed}.action-auf_dem_weg{background:#1978da}.action-angekommen{background:#3188e6}.action-in_fahrt{background:#1da34c}.action-abgeschlossen{background:#d84242}.trip-meta{margin-top:18px;border-top:1px solid var(--line);padding-top:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.trip-meta div{display:flex;flex-direction:column}.trip-meta span{font-size:11px;color:var(--muted)}.driver-upcoming{margin-top:22px}.section-title{display:flex;align-items:center;justify-content:space-between}.section-title h2{font-size:20px}.section-title span{color:var(--muted);font-size:12px}.upcoming-list{display:grid;gap:10px}.upcoming-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px;display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:12px}.upcoming-time{font-weight:800}.upcoming-card>div:nth-child(2){display:flex;flex-direction:column}.upcoming-card>div:nth-child(2) span{font-size:12px;color:var(--muted)}.empty-driver-state{background:#fff;border:1px solid var(--line);border-radius:16px;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-driver-state svg{width:54px;height:54px;color:#1aa052}.empty-driver-state p{color:var(--muted)}.backdrop{display:none}@media(max-width:1180px){.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.module-strip{grid-template-columns:repeat(2,1fr)}.trip-row{grid-template-columns:65px 1.5fr 1fr 120px}.trip-row .row-action{display:none}}@media(max-width:900px){.app-shell{display:block}.main{grid-column:auto}.sidebar{transform:translate(-100%);transition:.22s ease;width:min(300px,88vw)}.sidebar.open{transform:translate(0)}.close-nav{display:grid}.backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;border:0;background:#00000080}.menu-button{display:grid}.topbar{padding:0 14px}.searchbox{width:min(470px,55vw)}.role-button span,.role-button>svg:last-child{display:none}.page{padding:18px}.page-heading{align-items:flex-start;flex-direction:column}.driver-topbar{padding:0 16px}.driver-topbar img{width:170px}.driver-online{display:none}}@media(max-width:650px){.topbar{height:66px}.searchbox{display:none}.page-heading h1{font-size:25px}.heading-actions{width:100%}.heading-actions button{flex:1}.metrics{grid-template-columns:1fr 1fr;gap:9px}.metric-card{padding:12px;min-height:92px}.metric-card small{display:none}.metric-card strong{font-size:25px}.metric-icon{width:42px;height:42px}.trip-row{grid-template-columns:54px 1fr auto;padding:11px}.trip-assignment{display:none}.trip-row .status-pill{grid-column:3}.panel-title{padding:0 12px}.module-strip{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.form-grid label.wide{grid-column:auto}.driver-topbar{height:auto;min-height:76px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}.driver-select{margin-left:auto}.driver-select select{max-width:100px}.driver-select .secondary-button{display:none}.driver-page-heading{align-items:flex-start}.driver-page-heading p{display:none}.driver-count{font-size:26px}.driver-action-grid,.trip-meta{grid-template-columns:1fr 1fr}.progress-track>div{font-size:0}.upcoming-card{grid-template-columns:55px 1fr}.upcoming-card .status-pill{grid-column:2;justify-self:start}.driver-trip-head{flex-direction:column}.driver-content{padding-top:18px}}.logout-button{border:1px solid var(--line);background:#fff;color:#34383d}.logout-button:hover{background:#f4f5f7}.driver-identity{display:flex;flex-direction:column;text-align:right;line-height:1.15}.driver-identity strong{font-size:13px}.driver-identity span{font-size:11px;color:#9ca3aa;margin-top:3px}.login-page{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 16% 18%,rgba(210,154,39,.22),transparent 28rem),radial-gradient(circle at 85% 80%,rgba(210,154,39,.12),transparent 28rem),#08090b}.login-card{width:min(1100px,100%);min-height:650px;display:grid;grid-template-columns:1.1fr .9fr;background:#fff;border:1px solid rgba(255,255,255,.08);border-radius:24px;overflow:hidden;box-shadow:0 35px 100px #0000006b;position:relative}.login-brand{grid-row:1/3;padding:52px;color:#fff;background:linear-gradient(180deg,#08090bb8,#08090bf5),linear-gradient(135deg,#1d1f22,#08090b);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.login-brand img{width:min(460px,100%);max-height:150px;object-fit:contain;object-position:left center;margin-bottom:34px;filter:drop-shadow(0 12px 22px rgba(0,0,0,.28))}.login-brand p{margin:0 0 8px;color:#d9a036;font-weight:900;font-size:12px;letter-spacing:2.8px}.login-brand h1{font-size:42px;line-height:1.05;margin:0 0 12px}.login-brand>span{color:#aeb4bb;font-size:15px}.login-form{padding:46px 46px 26px;display:flex;flex-direction:column;justify-content:center}.login-title{display:flex;gap:13px;align-items:center;margin-bottom:26px}.login-title h2{font-size:27px;margin:0 0 4px}.login-title p{margin:0;color:var(--muted);font-size:13px}.login-icon{width:48px;height:48px;border-radius:14px;background:#fff4dd;color:#a96f08;display:grid;place-items:center}.login-form label{display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.login-form label span{font-size:12px;color:#555c64;font-weight:800}.login-form input{height:48px;border:1px solid #dce0e4;border-radius:11px;padding:0 13px;outline:0;background:#fff;color:#17191c}.login-form input:focus{border-color:#c78e20;box-shadow:0 0 0 3px #c78e2021}.login-submit{width:100%;margin-top:4px}.login-submit:disabled{opacity:.55;cursor:not-allowed}.login-error{padding:10px 12px;margin:-2px 0 12px;background:#fff0ef;color:#ae3535;border:1px solid #f0cecb;border-radius:9px;font-size:12px}.login-security{margin-top:16px;padding:12px;border-radius:10px;background:#f7f8f9;color:#5d636b;font-size:12px;display:flex;align-items:center;gap:8px}.demo-login{padding:0 46px 42px;background:#fff}.demo-heading{display:flex;align-items:center;gap:9px;padding-top:6px;margin-bottom:10px}.demo-heading>div{display:flex;flex-direction:column}.demo-heading span{font-size:11px;color:var(--muted);margin-top:2px}.demo-users{display:grid;gap:7px}.demo-users button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 11px;display:flex;justify-content:space-between;align-items:center;text-align:left}.demo-users button:hover{border-color:#c99431;background:#fffaf0}.demo-users button span{display:flex;flex-direction:column}.demo-users small{color:var(--muted);margin-top:2px}.demo-users em{font-style:normal;font-size:11px;color:#a16d0b;font-weight:800}.demo-note{display:block;color:#8b9198;line-height:1.45;margin-top:10px}@media(max-width:800px){.login-page{padding:0;background:#08090b}.login-card{min-height:100vh;border-radius:0;grid-template-columns:1fr}.login-brand{grid-row:auto;padding:28px 24px 22px;justify-content:flex-start}.login-brand img{width:min(320px,88vw);max-height:100px;margin-bottom:14px}.login-brand h1{font-size:29px}.login-brand>span{font-size:13px}.login-form{padding:28px 22px 18px}.demo-login{padding:0 22px 30px}.driver-identity{display:none}}.user-management{display:grid;gap:14px}.user-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.user-stat{background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px 18px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:4px}.user-stat span{font-size:12px;color:var(--muted);font-weight:700}.user-stat strong{font-size:28px}.users-panel{overflow:visible}.users-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:20px;border-bottom:1px solid var(--line)}.users-toolbar h2{margin:3px 0 5px;font-size:24px}.users-toolbar p:last-child{margin:0;color:var(--muted);font-size:13px}.users-notice{margin:14px 16px 0;padding:11px 12px;border-radius:9px;background:#eef8f1;color:#237240;display:flex;justify-content:space-between;align-items:center;font-size:13px}.users-notice button{border:0;background:transparent;color:inherit;display:grid;place-items:center}.users-table-wrap{overflow:auto;padding:8px 0}.users-table{width:100%;border-collapse:collapse;min-width:960px}.users-table th,.users-table td{padding:13px 16px;text-align:left;border-bottom:1px solid #edf0f2;font-size:12px;vertical-align:middle}.users-table th{color:#727881;font-size:11px;text-transform:uppercase;letter-spacing:.45px;background:#fbfcfd}.users-table tbody tr:hover{background:#fcfcfd}.user-cell{display:flex;gap:10px;align-items:center}.user-cell>span:last-child{display:flex;flex-direction:column;gap:2px}.user-cell small{color:var(--muted)}.user-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#111316;color:#fff;font-weight:900}.role-chip,.account-status{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800;white-space:nowrap}.role-admin{background:#fff3dc;color:#9b6505}.role-office{background:#eaf3ff;color:#176cba}.role-driver{background:#eef1f4;color:#515a63}.account-status.active{background:#e9f7ed;color:#147c3c}.account-status.blocked{background:#fff0ef;color:#b23d3d}.account-status>span{width:7px;height:7px;border-radius:50%;background:currentColor}.user-actions{display:flex;justify-content:flex-end;gap:6px}.user-actions button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 9px;display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;white-space:nowrap}.user-actions .danger-soft{color:#b83b3b;background:#fff7f6;border-color:#f0d8d5}.user-actions .success-soft{color:#167c3f;background:#f1faf4;border-color:#d6ecdc}.permission-summary{padding:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.permission-summary article{border:1px solid var(--line);border-radius:11px;padding:13px;display:flex;gap:10px;background:#fbfcfd}.permission-summary svg{color:#bd861e;flex:0 0 auto}.permission-summary article div{display:flex;flex-direction:column;gap:4px}.permission-summary article span{font-size:11px;color:var(--muted);line-height:1.4}.user-editor{width:min(760px,100%)}@media(max-width:900px){.user-stats{grid-template-columns:1fr 1fr 1fr}.users-toolbar{align-items:flex-start;flex-direction:column}.users-toolbar .primary-button{width:100%}.permission-summary{grid-template-columns:1fr}}@media(max-width:650px){.user-stats{grid-template-columns:1fr}.users-toolbar{padding:16px}.user-stat{padding:13px 15px}.user-stat strong{font-size:24px}}.auth-loading{min-height:100vh;background:#090a0c;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.auth-loading img{width:min(360px,72vw);max-height:120px;object-fit:contain}.auth-loading span{font-size:13px;color:#aab0b7;letter-spacing:.3px}.users-error{margin:14px 16px 0;padding:11px 12px;border-radius:9px;background:#fff0ef;color:#b23d3d;display:flex;justify-content:space-between;align-items:center;font-size:13px}.users-error button{border:0;background:transparent;color:inherit;display:grid;place-items:center}.users-loading{text-align:center!important;color:var(--muted);padding:28px!important}