:root{--font-main: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--bg-app: #080c14;--bg-sidebar: #0d121d;--bg-surface: #131b29;--bg-card: #182232;--bg-card-hover: #1f2c41;--bg-input: #101724;--bg-overlay: rgba(5, 8, 15, .75);--border-subtle: #1c2738;--border-card: #243248;--border-focus: #38bdf8;--text-main: #f1f5f9;--text-muted: #94a3b8;--text-dim: #64748b;--primary: #38bdf8;--primary-hover: #0ea5e9;--primary-glow: rgba(56, 189, 248, .25);--status-timer: #10b981;--status-timer-glow: rgba(16, 185, 129, .25);--prio-urgent: #f43f5e;--prio-high: #f59e0b;--prio-medium: #3b82f6;--prio-low: #64748b;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px var(--primary-glow);--shadow-timer-glow: 0 0 25px rgba(16, 185, 129, .35);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.16, 1, .3, 1);--transition-smooth: .35s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;width:100%;font-size:16px;-webkit-text-size-adjust:100%}body{height:100%;width:100%;margin:0;padding:0;background-color:var(--bg-app);color:var(--text-main);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-main);font-weight:700;color:var(--text-main);line-height:1.25}p{color:var(--text-muted)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}code,kbd,samp,pre{font-family:var(--font-mono)}input:not([type=checkbox]):not([type=radio]),textarea,select{width:100%;display:block;box-sizing:border-box;font-family:var(--font-main);font-size:.92rem;color:var(--text-main);background-color:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:11px 14px;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}input:not([type=checkbox]):not([type=radio])::placeholder,textarea::placeholder,select::placeholder{color:var(--text-dim);opacity:.8}input:not([type=checkbox]):not([type=radio]):hover,textarea:hover,select:hover{border-color:var(--border-card)}input:not([type=checkbox]):not([type=radio]):focus,textarea:focus,select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-glow);background-color:#121c2d}input:not([type=checkbox]):not([type=radio]):disabled,textarea:disabled,select:disabled{opacity:.5;cursor:not-allowed;background-color:#10172480}textarea{min-height:85px;resize:vertical;line-height:1.5}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}select option{background-color:var(--bg-surface);color:var(--text-main)}.form-group{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;width:100%!important}.form-group label{display:block!important;font-size:.82rem!important;font-weight:600!important;color:var(--text-muted)!important;text-transform:uppercase!important;letter-spacing:.05em!important;margin:0!important;line-height:1.3!important;-webkit-user-select:none;user-select:none}.form-group input:not([type=checkbox]):not([type=radio]),.form-group textarea,.form-group select{width:100%!important;display:block!important;box-sizing:border-box!important}.modal-dialog-sm{width:100%!important;max-width:480px!important;background:var(--bg-surface);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),0 0 50px #000000b3;overflow:hidden;box-sizing:border-box}.modal-body-sm{padding:22px 24px!important;display:flex!important;flex-direction:column!important;gap:18px!important;width:100%!important;box-sizing:border-box!important}input[type=checkbox]{cursor:pointer;accent-color:var(--primary);width:18px;height:18px;margin:0;vertical-align:middle}button{font-family:var(--font-main);cursor:pointer;border:none;outline:none;background:none;-webkit-user-select:none;user-select:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;text-align:center;white-space:nowrap;transition:all var(--transition-fast)}.btn.btn-primary{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;box-shadow:0 2px 8px #0284c759}.btn.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0ea5e9,#0284c7);transform:translateY(-1px);box-shadow:0 4px 14px #0284c780}.btn.btn-primary:active:not(:disabled){transform:translateY(0)}.btn.btn-secondary{background-color:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-card)}.btn.btn-secondary:hover:not(:disabled){background-color:var(--bg-card);border-color:var(--text-dim)}.btn.btn-timer-start{background:linear-gradient(135deg,#059669,#047857);color:#fff;box-shadow:0 2px 10px #05966959}.btn.btn-timer-start:hover:not(:disabled){background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 14px #10b98180}.btn.btn-timer-stop{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 2px 10px #dc262659}.btn.btn-timer-stop:hover:not(:disabled){background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 14px #ef444480}.btn.btn-danger{background-color:#f43f5e26;color:#fda4af;border:1px solid rgba(244,63,94,.3)}.btn.btn-danger:hover:not(:disabled){background-color:#f43f5e40}.btn.btn-sm{padding:6px 12px!important;font-size:.82rem!important}.btn.btn-icon{width:36px;height:36px;padding:0!important;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-close,.btn-drawer-close{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;padding:0!important;margin:0!important;border:none!important;outline:none!important;background:transparent;color:var(--text-dim)!important;border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0!important;line-height:1!important;transform:none!important;transition:background-color var(--transition-fast),color var(--transition-fast)!important}.btn-close svg,.btn-drawer-close svg{display:block;width:18px;height:18px;pointer-events:none}.btn-close:hover,.btn-drawer-close:hover{color:var(--text-main)!important;background-color:#ffffff14!important;transform:none!important}.btn-close:active,.btn-drawer-close:active{background-color:#ffffff24!important;transform:none!important}.btn-close:focus-visible,.btn-drawer-close:focus-visible{box-shadow:0 0 0 2px var(--primary-glow)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border-card);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalPopIn{0%{opacity:0;transform:scale(.95) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes backdropFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideUpFloat{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cdk-drag-preview{box-sizing:border-box;border-radius:var(--radius-md);box-shadow:0 15px 35px #0009,0 0 0 1px var(--primary);background:var(--bg-card)!important;opacity:.95;transform:rotate(2deg)}.cdk-drag-placeholder{opacity:.25;background:var(--bg-input);border:2px dashed var(--primary);border-radius:var(--radius-md);min-height:80px}.cdk-drag-animating,.cdk-drop-list-dragging .cdk-drag{transition:transform .25s cubic-bezier(0,0,.2,1)}.cdk-drag-preview.checklist-row{transform:none!important;min-height:42px!important;height:auto!important;background:var(--bg-surface)!important;border:1px solid var(--primary)!important;box-shadow:0 12px 30px #000000b3,0 0 15px #38bdf840!important;border-radius:var(--radius-sm)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:8px 12px!important;color:var(--text-main)!important;z-index:10000!important}.cdk-drag-preview.checklist-row .checklist-drag-handle{color:var(--primary)!important;opacity:1!important}.checklist-items .cdk-drag-placeholder{min-height:38px!important;height:38px!important;background:#38bdf80f!important;border:1.5px dashed var(--primary)!important;border-radius:var(--radius-sm)!important;margin-bottom:0!important}
