:root{--bg:#050505;--panel:#111;--panel2:#171717;--line:#2b2b2b;--text:#f5f5f5;--muted:#9d9d9d;--brand:#c51d1c;--brand-dark:#991615;--good:#66db9a;--warn:#ffcc66;--bad:#ff7474;--radius:16px}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}.hidden{display:none!important}.screen{min-height:100vh}.center{display:grid;place-items:center;padding:20px}.login-screen{background:radial-gradient(circle at 50% 0,#211010 0,#090909 34%,#050505 70%)}.login-card{width:min(430px,100%);background:#fff;color:#111;border:1px solid #e8e8e8;border-radius:22px;padding:34px;box-shadow:0 24px 80px rgba(0,0,0,.45)}.logo{max-width:220px;height:auto}.login-logo{max-width:300px;width:100%;display:block;margin-bottom:16px}.login-card h1{color:#111}.login-card label{color:#333}.login-card input{background:#f7f7f7;color:#111;border-color:#d6d6d6}.login-card input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(197,29,28,.10)}.login-eyebrow{color:var(--brand)!important;font-weight:800}.eyebrow{font-size:11px;letter-spacing:.18em;color:#8d8d8d;margin:8px 0 4px;text-transform:uppercase}h1{margin:5px 0 24px;font-size:30px}h2{margin:0 0 16px}h3{margin:0 0 10px}label{display:grid;gap:7px;margin:13px 0;color:#d4d4d4;font-size:14px}input,select,textarea{width:100%;background:#0a0a0a;color:#fff;border:1px solid #343434;border-radius:11px;padding:12px 13px;outline:none}textarea{min-height:90px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#777}.primary,.secondary,.danger,.ghost,.button-link{border:0;border-radius:11px;padding:11px 14px;cursor:pointer}.primary{background:var(--brand);color:#fff;font-weight:750}.primary:hover{background:var(--brand-dark)}.secondary,.button-link{background:#252525;color:#fff;border:1px solid #3b3b3b}.danger{background:#3a1717;color:#ffb1b1;border:1px solid #6b2828}.ghost{background:transparent;color:#bbb;border:1px solid #333}.error{color:var(--bad)}.app-shell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}aside{position:sticky;top:0;height:100vh;border-right:1px solid #202020;background:#090909;padding:22px 16px;display:flex;flex-direction:column}.side-logo{max-width:160px}.brand{padding:4px 8px 20px}.brand-ops{color:var(--brand);font-weight:800}nav{display:grid;gap:4px}.nav-btn{display:flex;align-items:center;gap:10px;text-align:left;width:100%;padding:11px 12px;border:0;border-radius:10px;background:transparent;color:#aaa;cursor:pointer}.nav-btn.active,.nav-btn:hover{background:#1b1b1b;color:#fff}.nav-btn.active{box-shadow:inset 3px 0 0 var(--brand)}.profile{margin-top:auto;border-top:1px solid #222;padding:18px 5px 0;display:grid;gap:12px}.profile span{display:block;color:#777;font-size:12px;margin-top:3px}main{min-width:0}header{display:flex;align-items:center;justify-content:space-between;padding:25px 30px;border-bottom:1px solid #1e1e1e;position:sticky;top:0;background:rgba(5,5,5,.95);backdrop-filter:blur(12px);z-index:5}header h1{font-size:25px;margin:2px 0}.header-actions{display:flex;align-items:center;gap:10px}.online{font-size:12px;color:var(--good)}#content{padding:28px 30px 60px}.grid{display:grid;gap:16px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:22px}.stat,.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.stat strong{display:block;font-size:30px}.stat span{color:var(--muted);font-size:13px}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:16px}.toolbar .left,.toolbar .right{display:flex;gap:8px;flex-wrap:wrap}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;min-width:760px;background:#0d0d0d}th,td{text-align:left;padding:12px 13px;border-bottom:1px solid #242424;font-size:13px}th{color:#8f8f8f;background:#121212;font-weight:650;position:sticky;top:0}tr.clickable{cursor:pointer}tr.clickable:hover{background:#161616}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:#242424;color:#ddd;font-size:11px;white-space:nowrap}.badge.good{background:#153121;color:#8ce9af}.badge.warn{background:#352b14;color:#ffd77d}.badge.bad{background:#351919;color:#ff9999}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.form-grid .wide{grid-column:1/-1}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.modal{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:20;display:grid;place-items:center;padding:20px}.modal-card{position:relative;width:min(760px,100%);max-height:92vh;overflow:auto;background:#101010;border:1px solid #343434;border-radius:20px;padding:25px}.x{position:absolute;right:12px;top:10px;border:0;background:transparent;color:#aaa;font-size:28px;cursor:pointer}.job-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.job-head h2{margin-bottom:4px}.muted{color:var(--muted)}.tabs{display:flex;gap:6px;overflow:auto;margin-bottom:18px}.tab{white-space:nowrap;border:1px solid #333;background:#151515;color:#aaa;border-radius:10px;padding:9px 11px;cursor:pointer}.tab.active{background:var(--brand);border-color:var(--brand);color:#fff}.photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.photo{aspect-ratio:1;background:#1b1b1b;border-radius:12px;overflow:hidden;border:1px solid #333}.photo img{width:100%;height:100%;object-fit:cover}.camera{display:grid;place-items:center;border:1px dashed #555;border-radius:12px;padding:22px;text-align:center;cursor:pointer;background:#101010}.camera input{display:none}.timer-box{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#111;border:1px solid #333;border-radius:14px;padding:16px}.timer-live{color:var(--good);font-weight:700}.kanban{display:grid;grid-template-columns:repeat(5,minmax(240px,1fr));gap:12px;overflow:auto;padding-bottom:10px}.kan-col{background:#0c0c0c;border:1px solid #242424;border-radius:14px;padding:12px;min-height:300px}.kan-col h3{font-size:13px;color:#999}.kan-card{background:#171717;border:1px solid #303030;border-radius:12px;padding:12px;margin:9px 0;cursor:pointer}.kan-card strong{display:block;margin-bottom:4px}.toast{position:fixed;right:20px;bottom:20px;z-index:50;background:var(--brand);color:#fff;padding:12px 16px;border-radius:11px;box-shadow:0 10px 40px #000}.warning{background:#2a2212;border:1px solid #66521e;color:#ffe19a;padding:13px;border-radius:12px}.empty{color:#777;padding:28px;text-align:center}.section-title{display:flex;justify-content:space-between;align-items:center;margin:24px 0 12px}.mobile-nav{display:none}@media(max-width:900px){.app-shell{display:block;padding-bottom:72px}aside{position:fixed;z-index:15;bottom:0;top:auto;width:100%;height:auto;border-right:0;border-top:1px solid #292929;padding:7px;background:#090909}.brand,.profile{display:none}nav{display:flex;overflow:auto;gap:4px}.nav-btn{min-width:max-content;padding:10px 12px;font-size:12px}header{padding:18px 16px;position:sticky}header .eyebrow,.online{display:none}header h1{font-size:21px;margin:0}#content{padding:18px 14px 35px}.stats{grid-template-columns:repeat(2,1fr)}.two,.three,.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.photo-grid{grid-template-columns:repeat(3,1fr)}.modal{padding:0;align-items:end}.modal-card{width:100%;max-height:94vh;border-radius:20px 20px 0 0}.job-head{display:block}.header-actions .button-link{padding:8px 10px}.kanban{grid-template-columns:repeat(5,270px)}}@media(max-width:480px){.photo-grid{grid-template-columns:repeat(2,1fr)}.stat strong{font-size:24px}.stat{padding:14px}}

.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin:10px 0 18px}.check-row{display:flex;grid-template-columns:none;align-items:center;gap:10px;margin:8px 0}.check-row input{width:auto;min-width:18px;height:18px}.check-row span{line-height:1.35}.disabled{opacity:.55}.disabled:before{content:'Administratoren haben automatisch alle Rechte.';display:block;color:var(--muted);font-size:12px;margin-bottom:8px}@media(max-width:700px){.permission-grid{grid-template-columns:1fr}}
.search{min-width:320px;max-width:520px}.row-actions{white-space:nowrap}.row-actions button{margin:2px 3px 2px 0}.service-cell{max-width:340px;white-space:normal}.field-label{display:block;color:#d4d4d4;font-size:14px;margin-bottom:7px}.date-time-group{margin:13px 0}.date-time-row{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:8px}.service-box{margin:13px 0}.multi-select{border:1px solid #343434;border-radius:11px;background:#0a0a0a}.multi-select summary{cursor:pointer;padding:12px 13px;list-style:none;color:#fff}.multi-select summary::-webkit-details-marker{display:none}.multi-select summary:after{content:'▾';float:right;color:#888}.multi-select[open] summary{border-bottom:1px solid #2c2c2c}.multi-menu{padding:10px 13px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 12px;max-height:290px;overflow:auto}.compact-label{margin-top:10px}.compact-label input{margin-top:0}.batch-row{margin:12px 0}.batch-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.tiny{font-size:11px;color:#8c8c8c;margin-top:8px;line-height:1.5}
@media(max-width:900px){.search{min-width:220px;width:100%;max-width:none}.date-time-row{grid-template-columns:1fr}.multi-menu{grid-template-columns:1fr}.toolbar .left{width:100%}.toolbar .left .search{flex:1}.row-actions{white-space:normal}}

.date-input-wrap{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:6px;align-items:stretch}.date-input-wrap .date-input{min-width:0;width:100%}.date-picker-btn{min-width:46px;padding:0;border:1px solid #343434;border-radius:10px;background:#202020;color:#fff;font-size:18px;cursor:pointer}.date-picker-btn:hover{background:#2a2a2a}.date-picker-btn:focus-visible{outline:2px solid #d52020;outline-offset:2px}

.customer-search{position:relative;min-width:0}.customer-search-input{padding-left:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center}.customer-search-results{position:absolute;z-index:40;left:0;right:0;top:calc(100% + 5px);max-height:320px;overflow:auto;background:#101010;border:1px solid #454545;border-radius:12px;box-shadow:0 18px 45px rgba(0,0,0,.55);padding:5px}.customer-search-option{display:grid;width:100%;text-align:left;border:0;border-radius:9px;background:transparent;color:#fff;padding:10px 11px;cursor:pointer}.customer-search-option:hover,.customer-search-option:focus{background:#242424;outline:none}.customer-search-option strong{font-size:14px}.customer-search-option span{font-size:12px;color:#929292;margin-top:3px}.customer-search-empty{padding:14px;color:#888;text-align:center;font-size:13px}