*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#00897b;--primary-hover:#00766a;--secondary-color:#00a896;--background:#c7e7e4;--background-gradient:linear-gradient(135deg,#c7e7e4 0%,#b8ded9 100%);--surface:#fff;--surface-elevated:#d1efed;--border:#a8d5d1;--text-primary:#00695c;--text-secondary:#00796b;--error:#dc2626;--success:#16a34a;--accent:#00897b;--mint-light:#d1efed;--mint-lighter:#c7e7e4;--text-muted:#666;--text-inverse:#fff;--status-success:#4caf50;--status-error:#dc3545;--status-warning:#ff9800;--status-info:#26a69a;--status-success-bg:#efe;--status-error-bg:#fee;--surface-overlay:#00000080;--surface-modal:#edf5f3;--interactive-primary:#26a69a;--interactive-hover:#00897b;--interactive-focus-ring:#26a69a1a;--canvas-selection:#26a69a;--canvas-snap-edge:#4ecdc4;--canvas-snap-center:#ff6b6b;--canvas-grid:#0000000d;--canvas-item-text-bg:#fff9c4;--canvas-item-text-border:#f9a825;--canvas-item-tag-bg:#e3f2fd;--canvas-item-tag-border:#2196f3;--canvas-item-tag-text:#1976d2;--max-width:800px;--spacing:1.5rem;--radius:16px;--radius-sm:12px;--shadow:0 1px 2px 0 #0d948814;--shadow-lg:0 4px 12px #0d94881f;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--transition-fast:.1s;--transition-base:.2s;--transition-slow:.4s;--ease-default:ease-out;--ease-in-out:ease-in-out;--ease-spring:cubic-bezier(.34,1.56,.64,1);--radius-xs:4px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shimmer-duration:1.75s;--skeleton-base:#e0e0e0;--skeleton-highlight:#f0f0f0}[data-theme=dark]{--primary-color:#4db6ac;--primary-hover:#5cc4b8;--secondary-color:#26a69a;--background:#121212;--background-gradient:linear-gradient(135deg,#121212 0%,#1e1e1e 100%);--surface:#1e1e1e;--surface-elevated:#2d2d2d;--border:#3d3d3d;--text-primary:#e0e0e0;--text-secondary:#a0a0a0;--error:#ef5350;--success:#66bb6a;--accent:#4db6ac;--mint-light:#263238;--mint-lighter:#1e1e1e;--shadow:0 1px 2px 0 #0000004d;--shadow-lg:0 4px 12px #0006;--skeleton-base:#3d3d3d;--skeleton-highlight:#4d4d4d;--text-muted:#888;--text-inverse:#121212;--status-success:#66bb6a;--status-error:#ef5350;--status-warning:#ffa726;--status-info:#4db6ac;--status-success-bg:#1e3d1e;--status-error-bg:#3d1e1e;--surface-overlay:#000000b3;--surface-modal:#2d2d2d;--interactive-primary:#4db6ac;--interactive-hover:#5cc4b8;--interactive-focus-ring:#4db6ac33;--canvas-selection:#4db6ac;--canvas-snap-edge:#4ecdc4;--canvas-snap-center:#ff6b6b;--canvas-grid:#ffffff0d;--canvas-item-text-bg:#3d3520;--canvas-item-text-border:#8d7220;--canvas-item-tag-bg:#1a3a5c;--canvas-item-tag-border:#4a90d9;--canvas-item-tag-text:#90caf9}html{font-size:var(--text-base);width:100%;line-height:1.5;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background:var(--background-gradient);max-width:100vw;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}input,select,textarea{font-family:inherit;font-size:var(--text-base);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--surface-elevated);color:var(--text-primary);transition:border-color var(--transition-base),box-shadow var(--transition-base)}input:focus,select:focus,textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #26a69a1a}button{border-radius:var(--radius-sm);cursor:pointer;border:none;font-family:inherit;font-weight:500;transition:all .15s}button:disabled{opacity:.5;cursor:not-allowed}.card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5);transition:border-color var(--transition-fast)ease,box-shadow var(--transition-fast)ease}.card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg)}.spinner{border:3px solid var(--border);border-top-color:var(--primary-color);border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.error-message{background-color:var(--status-error-bg);border:1px solid var(--error);color:var(--error);padding:var(--space-4);border-radius:var(--radius-sm);margin-bottom:var(--space-4);font-size:var(--text-sm)}.success-message{background-color:var(--status-success-bg);border:1px solid var(--success);color:var(--success);padding:var(--space-4);border-radius:var(--radius-sm);margin-bottom:var(--space-4);font-size:var(--text-sm)}@media (pointer:coarse){button,[role=button],input[type=checkbox],input[type=radio],.tap-target{min-width:44px;min-height:44px}}@media (max-width:639px){:root{--spacing:var(--space-4);--radius:var(--radius-md);--radius-sm:var(--radius-sm)}body{font-size:var(--text-base)}.projects-grid,.boards-grid{grid-template-columns:1fr!important}.container{padding:var(--space-4)}.mobile-full-width{width:100%}.desktop-only{display:none!important}.mobile-stack{flex-direction:column!important;align-items:stretch!important}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-base)}}@media (min-width:640px) and (max-width:1023px){.tablet-two-col{grid-template-columns:repeat(2,1fr)}}@supports (padding:max(0px)){.safe-area-padding{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-bottom:max(1rem,env(safe-area-inset-bottom))}}html{-moz-text-size-adjust:100%;text-size-adjust:100%}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.scrollable{-webkit-overflow-scrolling:touch;overflow-y:auto}@media (max-width:639px){.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}}@media (prefers-reduced-motion:reduce){:root{--transition-fast:0s;--transition-base:0s;--transition-slow:0s;--shimmer-duration:0s}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.onboarding-highlight{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:var(--radius-sm)}