:root{--navy:#10243c;--ink:#17273b;--muted:#748194;--line:#dfe5ec;--soft:#f4f7fa;--blue:#2479ca;--cyan:#35b9d1;--green:#2aa876;--orange:#e89536;--red:#cf535d;--purple:#6c67ce;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:#edf1f5}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:#edf1f5}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}#meta{display:none}
.topbar{height:76px;padding:0 29px;display:flex;align-items:center;justify-content:space-between;color:#fff;background:linear-gradient(105deg,#0e2239,#1a405e);box-shadow:0 2px 12px #10243c33}.brand{display:flex;align-items:center;gap:18px;color:#fff;text-decoration:none}.brand img{width:108px}.brand span{display:grid;gap:2px;padding-left:18px;border-left:1px solid #ffffff3b}.brand strong{font-size:18px}.brand small{color:#b9cbd9;font-size:11px}.top-actions{display:flex;align-items:center;gap:14px}.live{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #ffffff26;border-radius:18px;color:#d5e4ee;font-size:10px}.live i{width:8px;height:8px;border-radius:50%;background:#49d49d;box-shadow:0 0 0 4px #49d49d20}.top-actions label{display:grid;gap:3px}.top-actions label>span{color:#adbfce;font-size:8px;letter-spacing:.8px;text-transform:uppercase}.top-actions select{min-width:235px;padding:7px 28px 7px 9px;color:#fff;background:#ffffff10;border:1px solid #ffffff26;border-radius:7px}.top-actions option{color:var(--ink)}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:#103249;background:var(--cyan);font-size:10px}
.commands{height:62px;padding:0 29px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.commands>div{display:flex;gap:8px}.commands button,.form-actions button,.dialog-actions button{min-height:36px;padding:0 13px;color:#344559;background:#fff;border:1px solid #cbd4de;border-radius:7px;font-size:11px;font-weight:700}.commands button.primary,.form-actions button.primary,.dialog-actions button.primary{color:#fff;background:var(--blue);border-color:var(--blue)}
main{max-width:1700px;margin:auto;padding:22px 29px 36px}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.eyebrow{color:#8391a2;font-size:8px;font-weight:800;letter-spacing:1.2px}.intro h1{margin:5px 0;color:#172b42;font-size:25px}.intro p{margin:0;color:#748194;font-size:11px}.today{display:flex;align-items:center;gap:12px;padding:11px 14px;background:#fff;border:1px solid var(--line);border-radius:9px}.today>span{color:#8290a0;font-size:8px;font-weight:800}.faces{display:flex}.faces i{width:29px;height:29px;margin-left:-6px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;color:#fff;background:var(--blue);font-size:8px;font-style:normal}.faces i:nth-child(2){background:var(--cyan)}.faces i:nth-child(3){background:var(--purple)}.today strong{font-size:10px}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px}.kpis article{position:relative;padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 2px 8px #17233508;transition:.2s}.kpis article:hover{transform:translateY(-3px);border-color:#bcd4e8;box-shadow:0 10px 24px #173a5b14}.kpis article:after{content:"";position:absolute;right:16px;top:16px;width:7px;height:7px;border-radius:50%;background:var(--cyan)}.kpis span,.kpis small{display:block;color:var(--muted);font-size:9px}.kpis strong{display:block;margin:7px 0 3px;font-size:22px}
.workspace{display:grid;grid-template-columns:430px minmax(560px,1fr) 245px;gap:14px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 5px 22px #1723350b}.panel>header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.panel h2{margin:4px 0 0;font-size:16px}.panel header p{margin:5px 0 0;color:#84909d;font-size:9px}.step{width:29px;height:29px;display:grid;place-items:center;color:var(--blue);background:#e6f1fa;border-radius:6px;font-size:9px;font-weight:800}
#entryForm{padding:19px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.grid label{display:grid;gap:6px}.grid label.wide{grid-column:1/-1}.grid label>span,.review-note span{color:#566678;font-size:9px;font-weight:700}.grid input,.grid select,.grid textarea,.review-note textarea{width:100%;min-height:39px;padding:8px 10px;color:var(--ink);background:#fff;border:1px solid #cfd8e2;border-radius:6px;outline:none}.grid textarea{resize:vertical}.grid input:focus,.grid select:focus,.grid textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2479ca15}.unit{display:flex}.unit input{border-radius:6px 0 0 6px}.unit b{width:35px;display:grid;place-items:center;color:#68778a;background:#f1f4f7;border:1px solid #cfd8e2;border-left:0;border-radius:0 6px 6px 0;font-size:10px}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px;padding-top:15px;border-top:1px solid #e7ebf0}.locked-form{padding:70px 25px;text-align:center}.locked-form span,.locked-form strong,.locked-form small{display:block}.locked-form span{font-size:25px}.locked-form strong{margin:10px 0 5px}.locked-form small{color:#84909d}
.database{padding:6px 8px;color:#347256;background:#e5f5ed;border-radius:5px;font-size:8px}.team-chart{padding:10px 18px 14px}.team-chart article{display:grid;grid-template-columns:34px 1fr 60px;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid #e8ecf0;transition:.18s}.team-chart article:hover{padding-left:5px;background:#f7fafc}.mini-avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--blue);font-size:8px;font-weight:800}.mini-avatar.c1{background:var(--cyan)}.mini-avatar.c2{background:var(--purple)}.team-chart article>div{display:grid;gap:7px}.team-chart article>div>span{display:grid;gap:2px}.team-chart article strong{font-size:9px}.team-chart article small{color:#8793a1;font-size:8px}.team-chart article b{height:6px;overflow:hidden;background:#edf1f4;border-radius:3px}.team-chart article b i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--blue));border-radius:3px}.team-chart article>strong{text-align:right;font-size:9px}
.list-head{display:flex;align-items:end;justify-content:space-between;padding:15px 19px 10px;border-top:1px solid var(--line)}.list-head h2{margin:4px 0 0;font-size:14px}.list-head label{height:34px;display:flex;align-items:center;gap:6px;padding:0 8px;border:1px solid #d4dce5;border-radius:6px;color:#84909d}.list-head input{width:140px;border:0;outline:0;font-size:9px}.entry-list{max-height:476px;overflow:auto;padding:0 10px 12px}.entry-row{display:grid;grid-template-columns:74px 1fr 74px auto;gap:10px;align-items:center;padding:13px 9px;border-bottom:1px solid #e9edf1;border-radius:7px;transition:.18s}.entry-row:hover{background:#f7fafc;transform:translateX(3px)}.entry-row>time{color:#788697;font-size:8px}.entry-main{min-width:0}.entry-main>span{display:flex;align-items:center;gap:7px}.entry-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.entry-main i{padding:3px 6px;border-radius:8px;font-size:7px;font-style:normal;font-weight:800}.s-entwurf{color:#687687;background:#e9edf1}.s-eingereicht{color:#9b681c;background:#fff0d7}.s-freigegeben{color:#267454;background:#e0f3e9}.s-ruckfrage{color:#a3484e;background:#f8dfe1}.entry-main small{display:block;margin-top:4px;color:#8592a0;font-size:8px}.entry-main p{margin:5px 0 0;color:#58687a;font-size:8px}.entry-main em{display:block;margin-top:4px;color:#a04a4f;font-size:8px}.entry-values{text-align:right}.entry-values strong,.entry-values small{display:block;font-size:9px}.entry-values small{margin-top:3px;color:#6c7b8d}.row-actions{display:flex;gap:4px}.row-actions button{padding:5px 7px;color:#2c6f9e;background:#fff;border:1px solid #b7cedf;border-radius:5px;font-size:8px}.row-actions .review{color:#fff;background:var(--green);border-color:var(--green)}.empty{padding:35px;text-align:center;color:#84909d;font-size:10px}
.queue{min-height:430px}.queue>header{display:block}.workflow{padding:18px}.workflow article{display:flex;align-items:center;gap:10px}.workflow article i{width:13px;height:13px;border-radius:50%;background:#aeb8c3;box-shadow:0 0 0 4px #aeb8c31c}.workflow article i.pending{background:var(--orange)}.workflow article i.approved{background:var(--green)}.workflow article span{display:grid;gap:3px}.workflow strong{font-size:10px}.workflow small{color:#84909d;font-size:8px}.workflow>b{display:block;width:1px;height:28px;margin:3px 0 3px 6px;background:#d7dee6}.queue-note{margin:5px 15px;padding:14px;color:#315f7d;background:#edf6fa;border:1px solid #d0e8ef;border-radius:7px}.queue-note strong{font-size:9px}.queue-note p{margin:6px 0 0;font-size:8px;line-height:1.5}
dialog{width:min(590px,calc(100vw - 28px));padding:0;border:0;border-radius:11px;box-shadow:0 25px 80px #10243c55}dialog::backdrop{background:#10243c88}dialog>header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}dialog h2{margin:4px 0 0;font-size:17px}.close{width:32px;height:32px;border:1px solid var(--line);border-radius:50%;background:#fff;font-size:18px}.review-details{padding:18px 20px;display:grid;gap:6px}.review-details strong{font-size:12px}.review-details span{color:#788697;font-size:9px}.review-details p{margin:7px 0 0;padding:11px;background:#f5f7f9;border-radius:6px;font-size:9px}.review-note{display:grid;gap:6px;padding:0 20px 18px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding:13px 20px;background:#f5f7f9;border-top:1px solid var(--line)}.activity-list{max-height:430px;overflow:auto;padding:8px 20px 18px}.activity-list article{display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center;padding:12px 0;border-bottom:1px solid #e7ebef}.activity-list article>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:#2c73a8;background:#e7f2fa}.activity-list article div{display:grid;gap:3px}.activity-list strong{font-size:9px}.activity-list small,.activity-list time{color:#84909d;font-size:8px}
#toast{position:fixed;z-index:20;right:22px;bottom:22px;max-width:360px;padding:12px 16px;color:#fff;background:#20364d;border-radius:7px;box-shadow:0 10px 30px #10243c44;transform:translateY(90px);opacity:0;transition:.22s;font-size:10px}#toast.show{transform:none;opacity:1}#toast.error{background:#a63f48}
@media(max-width:1200px){.workspace{grid-template-columns:390px 1fr}.queue{grid-column:1/-1;min-height:0}.workflow{display:flex;align-items:center;justify-content:center;gap:14px}.workflow>b{width:35px;height:1px;margin:0}.queue-note{text-align:center}.kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.topbar{height:auto;padding:13px 14px}.brand img{width:80px}.brand span,.live{display:none}.top-actions select{min-width:0;max-width:190px}.commands{height:auto;padding:9px;overflow:auto;gap:8px}.commands button{white-space:nowrap}main{padding:14px 10px}.intro{display:block}.today{margin-top:12px;width:max-content}.intro h1{font-size:21px}.workspace{display:flex;flex-direction:column}.entry-card{order:1;width:100%}.overview-card{order:2;width:100%}.queue{order:3;width:100%}.entry-row{grid-template-columns:65px 1fr}.entry-values,.row-actions{grid-column:2}.list-head{display:block}.list-head label{margin-top:8px}.list-head input{width:100%}}
@media(max-width:520px){.kpis{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.grid label.wide{grid-column:1}.form-actions{display:grid}.entry-row{grid-template-columns:1fr}.entry-values,.row-actions{grid-column:1;text-align:left}.workflow{display:block}.workflow>b{width:1px;height:25px;margin:4px 0 4px 6px}}