@font-face{font-family:Archivo;src:url(/fonts/Archivo-Variable.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0-24F,U+300-36F,U+2000-21FF,U+2C60-2C7F}@font-face{font-family:Archivo Black;src:url(/fonts/ArchivoBlack-Regular.ttf)format("truetype");font-weight:900;font-style:normal;font-display:swap;unicode-range:U+0-24F,U+300-36F,U+2000-21FF,U+2C60-2C7F}@font-face{font-family:Inter;src:url(/fonts/Inter-Variable.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0-24F,U+300-36F,U+2000-21FF,U+2C60-2C7F}@font-face{font-family:Harabara;src:url(/fonts/Harabara.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0-24F,U+300-36F,U+2000-21FF}@font-face{font-family:Ubuntu;src:url(/fonts/Ubuntu-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0-24F,U+300-36F,U+2000-21FF,U+2C60-2C7F}@font-face{font-family:Ubuntu;src:url(/fonts/Ubuntu-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0-24F,U+300-36F,U+2000-21FF,U+2C60-2C7F}:root{--one-brown:#3f2820;--one-brown-dark:#2a1b15;--one-red:#d94627;--one-red-deep:#b8371e;--one-cream:#f6f1ec;--one-ink:#1a1310;--one-white:#fff;--plat-red:#8c1c13;--plat-red-hover:#a0211a;--plat-red-pale:#f9edec;--plat-brown:#7a4a2e;--plat-brown-pale:#f5ede6;--brand-red:var(--one-red);--brand-red-h:var(--one-red-deep);--brand-red-pale:var(--plat-red-pale);--brand-brown:var(--one-brown);--brand-brown-h:#4d3128;--brand-brown-pale:var(--plat-brown-pale);--surface-base:var(--one-cream);--surface-card:var(--one-white);--surface-inverse:var(--one-brown);--surface-dark:var(--one-brown-dark);--canvas:#fdfcfb;--beige:#f2ebe3;--g100:#ede6de;--g200:#ddd5cc;--g300:#c4bab0;--g400:#9a9189;--g500:#6b6259;--g600:#504840;--g700:#3d3731;--color-canvas:var(--canvas);--color-beige:var(--beige);--color-gray-100:var(--g100);--color-gray-200:var(--g200);--color-gray-400:var(--g400);--color-gray-500:var(--g500);--color-ink:var(--one-ink);--success:#2d7a47;--success-pale:#e8f5ee;--warning:#b07a18;--warning-pale:#fff3e0;--info:#2c5f9e;--info-pale:#e3f0fc;--error:var(--plat-red);--error-pale:#fdecea;--border-subtle:#1a131014;--border-light:#1a13101f;--border-medium:#1a131033;--ink:var(--one-ink);--text-primary:var(--one-ink);--text-secondary:#1a131099;--text-muted:#1a131066;--text-on-dark:var(--one-cream);--text-on-dark-muted:#f6f1ec99;--font-display:"Archivo Black", "Archivo", "Inter", sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-legacy:"Harabara", "Ubuntu", sans-serif;--tracking-tight:-2.5px;--tracking-normal:0px;--tracking-wide:1.5px;--tracking-wider:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--r-sm:6px;--r:6px;--r-md:8px;--r-lg:14px;--r-xl:22px;--r-pill:999px;--radius-sm:var(--r-sm);--radius-md:var(--r-md);--radius-lg:var(--r-lg);--radius-xl:var(--r-xl);--radius-pill:var(--r-pill);--shadow-xs:0 1px 2px #1a13100f;--shadow-sm:0 2px 8px #1a131014;--shadow-md:0 4px 16px #1a13101a;--shadow-lg:0 10px 32px #1a131024;--shadow-xl:0 20px 48px #1a13102e;--shadow-red:0 6px 14px #d9462740;--shadow-glass:0 8px 32px #1a13101f, inset 0 1px 0 #fff3;--glass-bg:#f6f1ecb8;--glass-border:#3f28201a;--glass-backdrop:blur(20px) saturate(1.6);--glass-blur:20px;--ease-spring:cubic-bezier(.16, 1, .3, 1);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in:cubic-bezier(.55, 0, 1, .45);--duration-t1:.16s;--duration-t2:.22s;--duration-t3:.32s;--duration-t4:.5s;--transition:var(--duration-t2) var(--ease-spring);--spring:var(--duration-t3) var(--ease-spring);--sidebar-w:216px;--topbar-h:76px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:14px}body{font-family:var(--font-body);color:var(--text-primary);background:var(--surface-base);min-height:100vh;line-height:1.5}#root{min-height:100vh}a{color:var(--one-red);text-decoration:none}a:hover{color:var(--one-red-deep)}.display{font-family:"Archivo Black", var(--font-display);letter-spacing:var(--tracking-tight);font-size:32px;font-weight:900;line-height:1.2}.h1{font-family:"Archivo Black", var(--font-display);letter-spacing:-.5px;font-size:22px;font-weight:900;line-height:1.3}.h2{font-family:var(--font-body);letter-spacing:-.3px;font-size:18px;font-weight:700;line-height:1.3}.subtitle{font-family:var(--font-body);font-size:16px;font-weight:500;line-height:1.4}.body{font-family:var(--font-body);font-size:14px;font-weight:400;line-height:1.5}.caption{font-family:var(--font-body);color:var(--text-secondary);font-size:12px;line-height:1.4}.label{font-family:var(--font-body);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--g400);font-size:10px;font-weight:700}.highlight{font-family:var(--font-body);color:var(--one-red);font-size:13px;font-weight:600}.btn{border-radius:var(--r-md);font-family:var(--font-body);cursor:pointer;transition:all var(--duration-t1) var(--ease-spring);white-space:nowrap;border:none;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;line-height:1.4;display:inline-flex}.btn svg{width:16px;height:16px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--one-red);color:#fff}.btn-primary:hover:not(:disabled){background:var(--one-red-deep);box-shadow:var(--shadow-red);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:scale(.97)}.btn-secondary{background:var(--g100);color:var(--g600)}.btn-secondary:hover:not(:disabled){background:var(--g200)}.btn-ghost{color:var(--g500);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--one-ink);background:#1a13100a}.btn-outline{border:1px solid var(--border-light);color:var(--g500);background:0 0}.btn-outline:hover:not(:disabled){border-color:var(--one-red);color:var(--one-red);background:#d946270a}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover:not(:disabled){background:#a0211a;transform:translateY(-1px)}.btn-sm{padding:5px 12px;font-size:12px}.btn-lg{padding:10px 24px;font-size:14px}.input-group{flex-direction:column;gap:4px;display:flex}.input-group label{font-family:var(--font-body);color:var(--one-ink);font-size:13px;font-weight:600}.input-group .helper{color:var(--text-muted);font-size:11px}.input,.select,.textarea{border:1px solid var(--border-light);border-radius:var(--r);width:100%;font-family:var(--font-body);color:var(--one-ink);background:var(--one-white);transition:border-color var(--duration-t1) ease, box-shadow var(--duration-t1) ease;padding:9px 12px;font-size:14px}.input:focus,.select:focus,.textarea:focus{border-color:var(--one-red);outline:none;box-shadow:0 0 0 3px #d946271a}.input::placeholder,.textarea::placeholder{color:var(--g300)}.input.error{border-color:var(--error)}.input.error:focus{box-shadow:0 0 0 3px var(--error-pale)}.textarea{resize:vertical;min-height:80px}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239A9189' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--r-md);transition:box-shadow var(--duration-t2) var(--ease-spring), transform var(--duration-t2) var(--ease-spring);padding:16px}.card:hover{box-shadow:var(--shadow-md)}.card-clickable{cursor:pointer}.card-clickable:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.badge{border-radius:var(--radius-pill);font-family:var(--font-body);align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:600;line-height:1.6;display:inline-flex}.badge-red{color:var(--one-red);background:#d946271a}.badge-amber{background:var(--warning-pale);color:var(--warning)}.badge-blue{background:var(--info-pale);color:var(--info)}.badge-green{background:var(--success-pale);color:var(--success)}.badge-gray{background:var(--g100);color:var(--g500)}.avatar{width:28px;height:28px;font-family:var(--font-body);color:#fff;background:var(--one-brown);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.chip{border-radius:var(--r-xl);border:1px solid var(--border-light);cursor:pointer;transition:all var(--duration-t2) var(--ease-spring);color:var(--g500);font-size:13px;font-family:var(--font-body);background:0 0;align-items:center;padding:5px 14px;display:inline-flex}.chip:hover{border-color:var(--one-red);color:var(--one-red)}.chip.active{border-color:var(--one-red);color:var(--one-red);background:#d9462714;font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#1a131066;justify-content:flex-end;align-items:flex-start;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.slide-over{background:var(--surface-base);width:600px;max-width:90vw;height:100vh;box-shadow:var(--shadow-xl);animation:slideIn var(--duration-t3) var(--ease-spring);overflow-y:auto}.slide-over-header{background:var(--one-cream);border-bottom:1px solid var(--border-subtle);z-index:10;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.slide-over-body{padding:24px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.toast-container{z-index:2000;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:var(--r-md);font-family:var(--font-body);color:#fff;animation:slideUp var(--duration-t3) var(--ease-spring);box-shadow:var(--shadow-lg);align-items:center;gap:8px;padding:12px 20px;font-size:13px;display:flex}.toast-success{background:var(--g700)}.toast-error{background:var(--error)}.toast-info{background:var(--info)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.alert{border-radius:var(--r-md);align-items:center;gap:8px;padding:12px 16px;font-size:13px;display:flex}.alert-error{background:var(--error-pale);color:var(--error);border-left:3px solid var(--error)}.alert-warning{background:var(--warning-pale);color:var(--warning);border-left:3px solid var(--warning)}.alert-success{background:var(--success-pale);color:var(--success);border-left:3px solid var(--success)}.alert-info{background:var(--info-pale);color:var(--info);border-left:3px solid var(--info)}.table-container{border:1px solid var(--g100);border-radius:var(--r-md);overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;font-family:var(--font-body);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--g400);background:var(--one-cream);border-bottom:1px solid var(--border-subtle);z-index:2;padding:10px 16px;font-size:10px;font-weight:700;position:sticky;top:0}td{border-bottom:1px solid var(--g100);vertical-align:middle;padding:12px 16px;font-size:13px}tr:last-child td{border-bottom:none}tr:hover td{background:#f2ebe34d}.empty-state{color:var(--g400);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 24px;display:flex}.empty-state svg{opacity:.4;width:48px;height:48px;margin-bottom:16px}.empty-state h3{font-family:var(--font-display);color:var(--g500);margin-bottom:4px;font-size:18px;font-weight:700}.empty-state p{font-family:var(--font-body);font-size:13px}.spinner{border:2px solid var(--g200);border-top-color:var(--brand-red);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}.spinner-lg{border-width:3px;width:32px;height:32px}@keyframes spin{to{transform:rotate(360deg)}}.loading-center{justify-content:center;align-items:center;padding:60px;display:flex}.skeleton{background:linear-gradient(90deg, var(--g100) 25%, var(--g200) 50%, var(--g100) 75%);border-radius:var(--r);background-size:200% 100%;animation:1.5s linear infinite skeletonPulse}.skeleton-text{width:100%;height:14px;margin-bottom:8px}.skeleton-text.short{width:60%}.skeleton-text.long{width:90%}.skeleton-card{width:100%;height:120px;margin-bottom:8px}@keyframes skeletonPulse{0%{background-position:200% 0}to{background-position:-200% 0}}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--one-brown);z-index:100;border-right:none;flex-direction:column;min-height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar-logo{height:var(--topbar-h);border-bottom:1px solid #f6f1ec14;flex-shrink:0;justify-content:center;align-items:center;padding:0 20px;display:flex}.sidebar-logo-img{object-fit:contain;width:100%;max-width:148px;height:auto;display:block}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:8px;display:flex;overflow-y:auto}.sidebar-section-trigger{cursor:pointer;border-radius:var(--r);width:100%;transition:background var(--duration-t1) var(--ease-spring);background:0 0;border:none;justify-content:space-between;align-items:center;gap:6px;padding:7px 12px;display:flex}.sidebar-section-trigger:hover{background:#f6f1ec14}.sidebar-section-trigger.has-active .sidebar-section-label{color:var(--one-red)}.sidebar-section-label{font-family:var(--font-body);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-on-dark-muted);transition:color var(--duration-t1) ease;text-align:left;flex:1;font-size:10px;font-weight:700}.sidebar-section-chevron{color:#f6f1ec4d;transition:transform .35s cubic-bezier(.4, 0, .2, 1), color var(--duration-t1) ease;flex-shrink:0}.sidebar-section-chevron.rotated{color:var(--one-red);transform:rotate(-180deg)}.sidebar-external-link{justify-content:space-between;align-items:center;text-decoration:none;display:flex}.sidebar-external-link .sidebar-section-label--active{color:var(--one-red)}.sidebar-external-link:hover{background:#d9462714}.sidebar-external-link:hover .sidebar-section-label--active{color:var(--one-red-deep)}.sidebar-external-icon{color:var(--one-red);opacity:.7;flex-shrink:0}.sidebar-section-body{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.4,0,.2,1),opacity .25s;display:grid}.sidebar-section.open .sidebar-section-body{opacity:1;grid-template-rows:1fr}.sidebar-section-items{padding:2px 0 6px;overflow:hidden}.sidebar-item{border-radius:var(--r);font-family:var(--font-body);color:var(--text-on-dark-muted);cursor:pointer;transition:all var(--duration-t1) var(--ease-spring);align-items:center;gap:10px;padding:8px 12px;font-size:13px;text-decoration:none;display:flex}.sidebar-item:hover{color:var(--text-on-dark);background:#f6f1ec14}.sidebar-item.active{color:var(--one-red);background:#d946271f;font-weight:600}.sidebar-item .dot{background:#f6f1ec33;border-radius:50%;flex-shrink:0;width:8px;height:8px}.sidebar-item.active .dot{background:var(--one-red)}.sidebar-item svg{flex-shrink:0;width:16px;height:16px}.sidebar-expandable-trigger{text-align:left;cursor:pointer;width:100%;font-family:var(--font-body);color:var(--text-on-dark-muted);background:0 0;border:none;justify-content:flex-start;font-size:13px;line-height:1.5}.sidebar-expandable-label{flex:1}.sidebar-expandable-chevron{color:#f6f1ec4d;transition:transform .3s cubic-bezier(.4, 0, .2, 1), color var(--duration-t1) ease;flex-shrink:0;margin-left:auto}.sidebar-expandable-chevron.rotated{color:var(--one-red);transform:rotate(-180deg)}.sidebar-expandable-body{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1),opacity .2s;display:grid}.sidebar-expandable.open .sidebar-expandable-body{opacity:1;grid-template-rows:1fr}.sidebar-expandable-items{overflow:hidden}.sidebar-child-item{padding-left:28px!important}.sidebar-child-item .dot{background:#f6f1ec26!important;width:6px!important;height:6px!important}.sidebar-child-item.active .dot{background:var(--one-red)!important}.sidebar-footer{border-top:1px solid #f6f1ec14;align-items:center;gap:10px;padding:12px 16px;display:flex}.sidebar-footer .avatar{background:var(--one-red)}.sidebar-footer .user-info{flex:1;min-width:0}.sidebar-footer .user-name{color:var(--text-on-dark);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sidebar-footer .user-role{color:var(--text-on-dark-muted);font-size:11px}.sidebar-footer .btn-ghost{color:var(--text-on-dark-muted)}.sidebar-footer .btn-ghost:hover{color:var(--text-on-dark);background:#f6f1ec14}.main-content{margin-left:var(--sidebar-w);flex-direction:column;flex:1;height:100vh;display:flex;overflow:hidden}.topbar{z-index:50;background:var(--one-cream);border-bottom:1px solid var(--border-subtle);height:var(--topbar-h);justify-content:space-between;align-items:center;gap:16px;padding:0 24px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:12px;display:flex}.topbar-left h1{font-family:"Archivo Black", var(--font-display);color:var(--one-brown);letter-spacing:-.5px;font-size:20px;font-weight:900}.topbar-right{align-items:center;gap:10px;display:flex}.search-input{border:1px solid var(--border-light);border-radius:var(--r-xl);background:var(--one-white);min-width:200px;transition:border-color var(--duration-t1) ease;align-items:center;gap:8px;padding:6px 14px;display:flex}.search-input:focus-within{border-color:var(--one-red)}.search-input svg{width:16px;height:16px;color:var(--g400);flex-shrink:0}.search-input input{font-family:var(--font-body);color:var(--one-ink);background:0 0;border:none;outline:none;width:100%;font-size:13px}.search-input input::placeholder{color:var(--g300)}.page-content{flex-direction:column;flex:1;gap:12px;min-height:0;padding:12px;display:flex;overflow:hidden}.page-content.page-scrollable{overflow-y:auto}.page-title-bar{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.page-title-bar h1{font-family:"Archivo Black", var(--font-display);color:var(--one-brown);font-size:20px;font-weight:900;line-height:1.3}.page-title-bar .title-actions{align-items:center;gap:10px;display:flex}.kanban-board{flex:1;align-items:flex-start;gap:16px;min-height:0;padding:2px 2px 16px;display:flex;overflow:visible}.kanban-column{flex-direction:column;flex:1 1 0;min-width:200px;height:100%;display:flex;overflow:visible}.kanban-column-header{background:color-mix(in srgb, var(--col-color,#c8b9a6) 5%, #fff);-webkit-backdrop-filter:blur(12px);border:1.5px solid color-mix(in srgb, var(--col-color,#c8b9a6) 15%, var(--g200));border-radius:var(--r-md);flex-shrink:0;align-items:center;gap:8px;height:44px;min-height:44px;margin-bottom:8px;padding:0 12px;display:flex;box-shadow:0 1px 3px #0000000a}.kanban-column-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.kanban-column-name{text-transform:uppercase;letter-spacing:1px;color:var(--g500);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;font-weight:700;overflow:hidden}.kanban-column-count{background:var(--g100);width:22px;height:22px;color:var(--g500);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.kanban-column-body{background:color-mix(in srgb, var(--col-color,#c8b9a6) 8%, #fff9);-webkit-backdrop-filter:blur(12px);border:1px solid color-mix(in srgb, var(--col-color,#c8b9a6) 18%, #ffffff80);border-radius:0 0 var(--r-md) var(--r-md);min-height:0;transition:background var(--transition), border-color var(--transition);border-top:none;flex-direction:column;flex:1;gap:8px;padding:8px;display:flex;overflow-y:auto}.kanban-column-body.drag-over{border-color:var(--brand-red);background:#f2ebe3cc}.kanban-card{border:1px solid var(--g100);border-radius:var(--r);cursor:grab;transition:all var(--transition);background:#fff;padding:12px}.kanban-card:active{cursor:grabbing}.kanban-card.dragging{opacity:.5;box-shadow:var(--shadow-lg);transform:scale(1.02)rotate(2deg)}.kanban-card:hover{box-shadow:var(--shadow-md);border-color:var(--g200);transform:translateY(-1px)}.kanban-card-id{color:var(--g400);margin-bottom:4px;font-size:11px}.kanban-card-title{color:var(--ink);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:13px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.kanban-card-footer{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.kanban-card-meta{color:var(--g400);font-size:11px}.filters-bar{flex-wrap:wrap;align-items:center;gap:10px;padding:12px 0;display:flex}.report-grid{flex-shrink:0;grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (width<=900px){.report-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{background:#fff;border:1px solid #1a13100f;border-radius:14px;align-items:center;gap:14px;padding:16px 18px;transition:box-shadow .22s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #1a13100a}.stat-card:before{content:"";background:var(--g200);border-radius:0 2px 2px 0;width:3px;transition:background .22s;position:absolute;top:0;bottom:0;left:0}.stat-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1a131014}.stat-card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.stat-card-icon svg{width:20px;height:20px}.stat-card-icon.brown{background:var(--brand-brown-pale);color:var(--brand-brown)}.stat-card:has(.stat-card-icon.brown):before{background:var(--brand-brown)}.stat-card-icon.red{background:var(--brand-red-pale);color:var(--brand-red)}.stat-card:has(.stat-card-icon.red):before{background:var(--brand-red)}.stat-card-icon.blue{background:var(--info-pale);color:var(--info)}.stat-card:has(.stat-card-icon.blue):before{background:var(--info)}.stat-card-icon.green{background:var(--success-pale);color:var(--success)}.stat-card:has(.stat-card-icon.green):before{background:var(--success)}.stat-card-icon.amber{background:var(--warning-pale);color:var(--warning)}.stat-card:has(.stat-card-icon.amber):before{background:var(--warning)}.stat-card-icon.gray{background:var(--g100);color:var(--g500)}.stat-card-body{flex:1;min-width:0}.stat-card-label{color:var(--g400);text-transform:uppercase;letter-spacing:1px;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:10px;font-weight:700;overflow:hidden}.stat-card-value{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.5px;font-family:Inter,sans-serif;font-size:24px;font-weight:800;line-height:1.15}.stat-card-sub{color:var(--g400);letter-spacing:0;font-size:12px;font-weight:500}.report-card{background:#fff;border:1px solid #1a13100f;border-radius:14px;padding:14px}.report-card .label{margin-bottom:4px}.report-card .value{color:var(--ink);font-family:Inter,sans-serif;font-size:22px;font-weight:800;line-height:1}.report-card .sub{color:var(--g400);margin-top:2px;font-size:11px}.charts-grid{flex:1;grid-template-columns:1fr 1fr;gap:16px;min-height:0;display:grid}@media (width<=900px){.charts-grid{grid-template-columns:1fr}}.chart-panel{background:#fff;border:1px solid #1a13100f;border-radius:14px;flex-direction:column;min-height:280px;transition:box-shadow .22s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;box-shadow:0 1px 3px #1a13100a}.chart-panel:hover{box-shadow:0 4px 16px #1a131012}.chart-panel-header{border-bottom:1px solid #1a13100d;flex-shrink:0;padding:14px 20px}.chart-panel-header .label{text-transform:uppercase;letter-spacing:1px;color:var(--g500);margin:0;font-size:11px;font-weight:700}.chart-panel-body{flex:1;min-height:200px;padding:12px 8px 8px}.table-card{border:1px solid var(--g100);border-radius:var(--r-lg);background:#fff;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.table-card-header{border-bottom:1px solid var(--g100);color:var(--ink);flex-shrink:0;padding:10px 16px;font-family:Ubuntu,sans-serif;font-size:13px;font-weight:700}.table-card-body{flex:1;min-height:0;overflow-y:auto}.crud-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.crud-header h1{font-family:Harabara,sans-serif;font-size:22px}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-grid .full{grid-column:1/-1}.form-actions{border-top:1px solid var(--g100);align-items:center;gap:10px;margin-top:16px;padding-top:16px;display:flex}.btn-danger-outline{color:#dc2626;transition:all var(--transition);background:0 0;border:1px solid #dc26264d}.btn-danger-outline:hover{background:#dc262614;border-color:#dc2626}.btn-danger{color:#fff;transition:all var(--transition);background:#dc2626;border:none}.btn-danger:hover{background:#b91c1c}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.confirm-overlay{z-index:1100;-webkit-backdrop-filter:blur(4px);background:#00000073;justify-content:center;align-items:center;animation:.2s confirmFadeIn;display:flex;position:fixed;inset:0}.confirm-dialog{border-radius:var(--r-lg);text-align:center;background:#fff;width:calc(100% - 32px);max-width:400px;padding:32px;animation:.3s cubic-bezier(.34,1.56,.64,1) confirmSlideIn;box-shadow:0 20px 60px #0003}.confirm-icon{color:#dc2626;background:#dc26261a;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex}.confirm-dialog h3{font-family:var(--font-display);color:var(--one-ink);margin-bottom:8px;font-size:18px;font-weight:700}.confirm-dialog p{color:var(--g500);margin-bottom:24px;font-size:13px;line-height:1.6}.confirm-actions{justify-content:center;gap:10px;display:flex}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes confirmSlideIn{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.login-page{min-height:100vh;display:flex}.login-brand-panel{background:var(--one-brown);flex:3;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-brand-pattern{opacity:.06;background-image:radial-gradient(circle 6px at center, var(--one-cream) 100%, transparent 0), linear-gradient(0deg, transparent 48%, var(--one-cream) 48%, var(--one-cream) 52%, transparent 52%), linear-gradient(90deg, transparent 48%, var(--one-cream) 48%, var(--one-cream) 52%, transparent 52%);background-position:50%;background-size:120px 120px;position:absolute;inset:0}.login-brand-logo{z-index:1;width:360px;max-width:70%;height:auto;position:relative}.login-form-panel{padding:var(--space-10) var(--space-8);background:var(--one-cream);flex-direction:column;flex:2;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--one-white);border:1px solid var(--border-subtle);border-radius:var(--r-lg);width:100%;max-width:380px;padding:var(--space-10);box-shadow:var(--shadow-md)}.login-title{font-family:var(--font-display);color:var(--one-ink);margin-bottom:4px;font-size:28px;font-weight:800;line-height:1.2}.login-subtitle{font-family:var(--font-body);color:var(--one-red);margin-bottom:var(--space-8);letter-spacing:0;text-transform:none;font-size:14px;font-weight:500}.login-card .input-group{margin-bottom:var(--space-4)}.login-card .input-group label{font-family:var(--font-body);color:var(--one-ink);font-size:13px;font-weight:600}.login-submit-btn{width:100%;margin-top:var(--space-3);border-radius:var(--r-pill);font-family:var(--font-body);box-shadow:var(--shadow-red);transition:all var(--duration-t1) var(--ease-spring);justify-content:center;padding:12px 24px;font-size:15px;font-weight:600}.login-submit-btn:hover:not(:disabled){box-shadow:var(--shadow-red), var(--shadow-sm);transform:translateY(-1px)}.login-submit-btn:active:not(:disabled){transform:scale(.97)}.login-forgot-link{text-align:center;margin-top:var(--space-4);font-family:var(--font-body);color:var(--g400);transition:color var(--duration-t1) ease;font-size:13px;text-decoration:none;display:block}.login-forgot-link:hover{color:var(--one-red)}.login-footer-text{margin-top:var(--space-8);font-family:var(--font-body);color:var(--g400);letter-spacing:var(--tracking-wide);font-size:12px}@media (width<=768px){.login-page{flex-direction:column}.login-brand-panel{flex:none;height:200px;min-height:200px}.login-brand-logo{width:200px}.login-form-panel{min-height:auto;padding:var(--space-6);flex:1}.sidebar{display:none}.main-content{margin-left:0}.form-grid{grid-template-columns:1fr}.kanban-column{flex:0 0 260px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--g200);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--g300)}.toggle{background:var(--g200);cursor:pointer;width:36px;height:20px;transition:background var(--transition);border-radius:10px;position:relative}.toggle.active{background:var(--success)}.toggle:after{content:"";width:16px;height:16px;transition:transform var(--transition);box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.toggle.active:after{transform:translate(16px)}.pagination{justify-content:center;align-items:center;gap:4px;padding:16px 0;display:flex}.pagination button{border-radius:var(--r);border:1px solid var(--g200);width:32px;height:32px;color:var(--g500);cursor:pointer;transition:all var(--transition);background:#fff;justify-content:center;align-items:center;font-size:13px;display:flex}.pagination button:hover{border-color:var(--brand-red);color:var(--brand-red)}.pagination button.active{background:var(--brand-red);color:#fff;border-color:var(--brand-red)}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;position:absolute;overflow:hidden}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.text-right{text-align:right}.error-boundary{background:var(--color-bg);min-height:100vh;padding:var(--space-6);justify-content:center;align-items:center;display:flex}.error-boundary-card{text-align:center;max-width:420px;padding:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.error-boundary-icon{margin-bottom:var(--space-4);font-size:3rem}.error-boundary-title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text);margin-bottom:var(--space-2)}.error-boundary-message{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-6);line-height:1.5}