:root{--font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--brand: #6d5efc;--brand-2: #a855f7;--brand-soft: rgba(109, 94, 252, .12);--brand-gradient: linear-gradient(135deg, #6d5efc 0%, #a855f7 100%);--bg: #f6f7fb;--bg-elev: #ffffff;--bg-sunken: #eef0f6;--bg-hover: rgba(15, 18, 40, .045);--border: #e5e7ef;--border-strong: #d4d7e3;--text: #14161f;--text-2: #4b5063;--text-3: #8b90a3;--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .12);--success: #10b981;--success-soft: rgba(16, 185, 129, .12);--warning: #f59e0b;--warning-soft: rgba(245, 158, 11, .14);--info: #3b82f6;--info-soft: rgba(59, 130, 246, .12);--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--shadow: 0 1px 3px rgba(16, 24, 40, .06), 0 4px 12px rgba(16, 24, 40, .05);--shadow-lg: 0 12px 40px rgba(16, 24, 40, .16), 0 2px 8px rgba(16, 24, 40, .06);--ring: 0 0 0 3px rgba(109, 94, 252, .28);--series-1: #2a78d6;--series-2: #eb6834;--series-3: #1baf7a;--series-4: #eda100;--series-5: #e87ba4;--series-6: #008300;--series-7: #6250d6;--series-8: #e34948;--chart-grid: #eceef4;--chart-guide: #a3a8b8;--sidebar-w: 260px;--ease: cubic-bezier(.2, .8, .2, 1);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0c0d12;--bg-elev: #15161d;--bg-sunken: #101117;--bg-hover: rgba(255, 255, 255, .05);--border: #23252f;--border-strong: #30333f;--text: #ecedf3;--text-2: #a9adbd;--text-3: #6d7184;--brand-soft: rgba(124, 110, 255, .18);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 6px 16px rgba(0, 0, 0, .25);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .55);--series-1: #3987e5;--series-2: #d95926;--series-3: #199e70;--series-4: #c98500;--series-5: #d55181;--series-6: #008300;--series-7: #9085e9;--series-8: #e66767;--chart-grid: #23252f;--chart-guide: #5d6274;color-scheme:dark}}:root[data-theme=dark]{--bg: #0c0d12;--bg-elev: #15161d;--bg-sunken: #101117;--bg-hover: rgba(255, 255, 255, .05);--border: #23252f;--border-strong: #30333f;--text: #ecedf3;--text-2: #a9adbd;--text-3: #6d7184;--brand-soft: rgba(124, 110, 255, .18);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 6px 16px rgba(0, 0, 0, .25);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .55);--series-1: #3987e5;--series-2: #d95926;--series-3: #199e70;--series-4: #c98500;--series-5: #d55181;--series-6: #008300;--series-7: #9085e9;--series-8: #e66767;--chart-grid: #23252f;--chart-guide: #5d6274;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01"}h1,h2,h3,h4{margin:0;letter-spacing:-.015em;font-weight:650}h1{font-size:24px}h2{font-size:18px}h3{font-size:15px}p{margin:0}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--brand-soft)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}.muted{color:var(--text-2)}.subtle{color:var(--text-3);font-size:12.5px}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.row{display:flex;align-items:center;gap:8px}.spacer{flex:1}.stack{display:flex;flex-direction:column;gap:12px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:640px){.grid-2{grid-template-columns:1fr}}.page{padding:28px 32px 48px;max-width:1200px;margin:0 auto;width:100%;animation:fade-up .25s var(--ease)}.page-header{display:flex;align-items:flex-end;gap:16px;margin-bottom:24px;flex-wrap:wrap}.page-header .eyebrow{font-size:12px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.page-header .actions{margin-left:auto;display:flex;gap:8px}@media(max-width:720px){.page{padding:20px 16px 40px}}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes slide-in{0%{transform:translate(32px);opacity:0}to{transform:none;opacity:1}}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:20px}.card-header{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elev);color:var(--text);font:500 13.5px/1 var(--font);cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,box-shadow .15s,transform .05s,opacity .15s;box-shadow:var(--shadow-sm);text-decoration:none!important}.btn:hover{background:var(--bg-hover);border-color:var(--border-strong)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:var(--ring)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--brand-gradient);color:#fff;border-color:transparent;box-shadow:0 1px 2px #6d5efc4d,inset 0 1px #ffffff26}.btn.primary:hover{filter:brightness(1.07)}.btn.danger{color:var(--danger)}.btn.danger:hover{background:var(--danger-soft);border-color:transparent}.btn.ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--text-2)}.btn.ghost:hover{background:var(--bg-hover);color:var(--text)}.btn.sm{height:30px;padding:0 10px;font-size:12.5px;border-radius:8px}.btn.icon{width:36px;padding:0}.btn.icon.sm{width:30px}.btn.block{width:100%}.field{display:flex;flex-direction:column;gap:6px}.field>label,.label{font-size:12.5px;font-weight:550;color:var(--text-2)}.field .hint{font-size:12px;color:var(--text-3)}.input,select.input,textarea.input{width:100%;height:38px;padding:0 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elev);color:var(--text);font:400 14px var(--font);transition:border-color .15s,box-shadow .15s}textarea.input{height:auto;min-height:96px;padding:10px 12px;resize:vertical;line-height:1.5}select.input{appearance:none;padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%238b90a3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.input:hover{border-color:var(--border-strong)}.input:focus{outline:none;border-color:var(--brand);box-shadow:var(--ring)}.input::placeholder{color:var(--text-3)}.input.sm{height:32px;font-size:13px;padding:0 10px}select.input.sm{padding-right:28px}.input-icon{position:relative}.input-icon>app-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text-3);pointer-events:none}.input-icon>.input{padding-left:34px}.switch{position:relative;display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13.5px}.switch input{position:absolute;opacity:0;pointer-events:none}.switch .track{width:36px;height:20px;border-radius:999px;background:var(--border-strong);position:relative;transition:background .2s;flex-shrink:0}.switch .track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform .2s var(--ease)}.switch input:checked+.track{background:var(--brand)}.switch input:checked+.track:after{transform:translate(16px)}.switch input:focus-visible+.track{box-shadow:var(--ring)}.error-text{color:var(--danger);font-size:13px}.badge{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:999px;font-size:11.5px;font-weight:600;background:var(--bg-sunken);color:var(--text-2);white-space:nowrap;text-transform:capitalize}.badge.brand{background:var(--brand-soft);color:var(--brand)}.badge.success{background:var(--success-soft);color:var(--success)}.badge.warning{background:var(--warning-soft);color:#d97706}.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge.info{background:var(--info-soft);color:var(--info)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.prio-low{--prio: #94a3b8}.prio-medium{--prio: #3b82f6}.prio-high{--prio: #f59e0b}.prio-urgent{--prio: #ef4444}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:20px;overflow-x:auto}.tabs button{position:relative;background:none;border:0;padding:10px 12px;cursor:pointer;font:500 13.5px var(--font);color:var(--text-2);display:inline-flex;gap:6px;align-items:center}.tabs button:hover,.tabs button.active{color:var(--text)}.tabs button.active:after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:2px;border-radius:2px;background:var(--brand)}.tabs .count{font-size:11px;padding:1px 6px;border-radius:999px;background:var(--bg-sunken);color:var(--text-3)}.table-wrap{overflow-x:auto}table.table{width:100%;border-collapse:collapse;font-size:13.5px}.table th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);font-weight:600;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--bg-sunken)}.table th:first-child{border-top-left-radius:var(--radius-lg)}.table th:last-child{border-top-right-radius:var(--radius-lg)}.table td{padding:12px 16px;border-bottom:1px solid var(--border);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tbody tr{transition:background .12s}.table tbody tr:hover{background:var(--bg-hover)}.table tbody tr.clickable{cursor:pointer}.table .actions-cell{text-align:right;white-space:nowrap}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:48px 24px;color:var(--text-2)}.empty .empty-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);margin-bottom:4px}.empty h3{color:var(--text)}.skeleton{background:linear-gradient(90deg,var(--bg-sunken) 25%,var(--bg-hover) 50%,var(--bg-sunken) 75%);background-size:200% 100%;animation:shimmer 1.3s infinite;border-radius:var(--radius)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.menu{position:absolute;z-index:50;min-width:200px;padding:6px;background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);animation:pop-in .14s var(--ease)}.menu button,.menu a{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;background:none;border-radius:8px;font:500 13.5px var(--font);color:var(--text);cursor:pointer;text-align:left;text-decoration:none}.menu button:hover,.menu a:hover{background:var(--bg-hover);text-decoration:none}.menu hr{border:0;border-top:1px solid var(--border);margin:6px 0}.cdk-drag-preview{box-shadow:var(--shadow-lg)!important;transform-origin:center;rotate:2deg;border-radius:12px;opacity:.97}.cdk-drag-placeholder{opacity:.35}.cdk-drag-animating{transition:transform .22s var(--ease)}.cdk-drop-list-dragging .cdk-drag:not(.cdk-drag-placeholder){transition:transform .22s var(--ease)}
