*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  /* Primitives — Tricoti Design System */
  --beige-25:#FDFCFA;--beige-50:#FAF8F5;--beige-100:#F5F0E8;--beige-200:#E8E0D4;--beige-300:#D9CFC0;--beige-400:#C4B8A6;--beige-500:#A89A86;--beige-600:#8A7C68;--beige-700:#6B5F4D;--beige-800:#4D4437;--beige-900:#2E2922;
  --burgundy-25:#FDF5F7;--burgundy-50:#FAE8EC;--burgundy-100:#F5D0D8;--burgundy-200:#E8A0B2;--burgundy-300:#D87A92;--burgundy-400:#C45D77;--burgundy-500:#A63D56;--burgundy-600:#8B2942;--burgundy-700:#6B1D32;--burgundy-800:#4D1524;--burgundy-900:#3D2229;
  --sage-25:#F5FAF7;--sage-50:#E8F4ED;--sage-100:#D0E6DA;--sage-200:#A8D1B8;--sage-300:#7AB896;--sage-400:#4D9E74;--sage-500:#2D6A4F;--sage-600:#255842;--sage-700:#1D4534;--sage-800:#153327;--sage-900:#0D211A;
  --sand-25:#FDFAF6;--sand-50:#F9F1E8;--sand-100:#F2E2D1;--sand-200:#E6CDB3;--sand-300:#D9B896;--sand-400:#C4956A;--sand-500:#A87D55;--sand-600:#8C6644;--sand-700:#6F5036;--sand-800:#523B28;--sand-900:#35261A;
  --clay-25:#FDF5F5;--clay-50:#F9E5E5;--clay-100:#F0C8C8;--clay-200:#E09A9A;--clay-300:#C96B6B;--clay-400:#B24545;--clay-500:#9B2C2C;--clay-600:#7F2424;--clay-700:#631C1C;--clay-800:#481515;--clay-900:#2D0E0E;
  --jean-25:#F6F8FA;--jean-50:#EDF1F5;--jean-100:#D8E1E8;--jean-200:#B5C5D1;--jean-300:#8FA5B5;--jean-400:#6B849A;--jean-500:#4A627A;--jean-600:#3B5067;--jean-700:#2E3F52;--jean-800:#222E3D;--jean-900:#161E28;

  /* Semantic — mapped from Tricoti */
  --accent:var(--burgundy-600);--accent-hover:var(--burgundy-500);--accent-dim:var(--burgundy-400);--accent-faint:rgba(139,41,66,0.08);--accent-contrast:var(--burgundy-700);
  --color-text:var(--beige-600);--color-text-secondary:var(--beige-400);--color-text-tertiary:var(--beige-300);--color-text-inverse:var(--beige-25);
  --text:var(--color-text);--text-secondary:var(--color-text-secondary);--text-tertiary:var(--color-text-tertiary);--text-inverse:var(--color-text-inverse);
  --bg:var(--beige-100);--bg-secondary:var(--beige-200);--surface:var(--beige-50);--surface-2:var(--beige-25);--surface-3:#FFFFFF;
  --border:var(--beige-200);--border-warm:var(--beige-300);--border-hover:var(--beige-400);
  --green:var(--sage-500);--green-bg:var(--sage-50);--green-border:var(--sage-200);
  --red:var(--clay-500);--red-bg:var(--clay-50);--red-border:var(--clay-200);
  --yellow:var(--sand-500);--yellow-bg:var(--sand-50);
  --blue:var(--jean-500);--blue-bg:var(--jean-50);
  --pink:var(--burgundy-500);--pink-bg:var(--burgundy-50);
  --purple:var(--jean-400);--purple-bg:var(--jean-100);
  --orange:var(--sand-400);--orange-bg:var(--sand-100);

  /* Spacing — Tricoti */
  --sp-xs:2px;--sp-sm:4px;--sp-md:12px;--sp-lg:20px;--sp-xl:28px;--sp-2xl:40px;
  /* Radius — Tricoti */
  --radius:20px;--radius-full:9999px;
  /* Layout */
  --nav-h:64px
}
html{height:100%}body{font-family:'Outfit',sans-serif;background:var(--bg);color:var(--text);min-height:100%;max-width:1200px;margin:0 auto;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:'';position:fixed;inset:0;opacity:0.02;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* Loading */
#loading{position:fixed;inset:0;background:var(--bg);z-index:2000;display:flex;align-items:center;justify-content:center;flex-direction:column}
.spinner{width:var(--sp-xl);height:var(--sp-xl);border:3px solid var(--border-warm);border-top-color:var(--accent);border-radius:var(--radius-full);animation:spin 0.7s linear infinite;margin-bottom:var(--sp-md)}
@keyframes spin{to{transform:rotate(360deg)}}

/* Login */
#loginScreen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--sp-2xl) var(--sp-xl);text-align:center}
.login-logo{width:220px;height:auto;margin-bottom:var(--sp-md)}
.login-sub{font-size:15px;color:var(--text-secondary);font-weight:400;margin-bottom:var(--sp-2xl)}
.g-btn{display:flex;align-items:center;gap:var(--sp-md);padding:var(--sp-md) var(--sp-xl);border-radius:var(--sp-md);border:1px solid var(--border-warm);background:var(--surface);color:var(--text);font-size:15px;font-weight:500;cursor:pointer;font-family:inherit;transition:all 0.2s}.g-btn:hover{border-color:var(--accent-dim);background:var(--surface-2)}.g-btn img{width:var(--sp-lg);height:var(--sp-lg)}

@keyframes fadeIn{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}

@media(max-width:400px){.topbar{padding:var(--sp-md)}.panel{padding:var(--sp-md) var(--sp-md) 100px}.kanban-col{min-width:160px}.sd-stats{grid-template-columns:repeat(2,1fr)}}