@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Figtree:wght@400;500;600;700&display=swap";:root{--font-heading: "Space Grotesk", sans-serif;--font-body: "Figtree", system-ui, -apple-system, "Helvetica Neue", sans-serif;--green-100: #e6f4ee;--green-200: #c4e5d6;--green-300: #94d0b6;--green-400: #4fae8a;--green-500: #17936a;--green-600: #0d7a52;--green-700: #0a6244;--green-800: #084b34;--green-900: #0a3325;--mint: #7fe0b4;--paper: #f3f2f2;--surface: #ffffff;--canvas: #e8e6e3;--line: #e2e0e0;--line-strong:#dcd9d5;--muted: #9b9797;--secondary: #7d7979;--body-ink: #605d5d;--ink: #201e1d;--alert: #d6006c;--alert-text: #aa0b56;--alert-tint: #fff1f4;--alert-border: #ffc0d0;--purple-50: var(--green-100);--purple-100: var(--green-200);--purple-200: var(--green-300);--purple-400: var(--green-400);--purple-600: var(--green-600);--purple-800: var(--green-800);--purple-900: var(--green-900);--orange-50: var(--alert-tint);--orange-100: var(--alert-border);--orange-400: var(--alert);--orange-600: var(--alert);--orange-800: var(--alert-text);--orange-900: var(--alert-text);--steel-50: var(--paper);--steel-100: var(--line-strong);--steel-200: var(--line-strong);--steel-400: var(--muted);--steel-600: var(--secondary);--steel-800: var(--body-ink);--steel-900: var(--ink);--success-bg: var(--green-100);--success-text: var(--green-800);--success-border: var(--green-300);--warning-bg: #fff8e6;--warning-text: #92600a;--warning-border: #f0c060;--error-bg: var(--alert-tint);--error-text: var(--alert-text);--error-border: var(--alert-border);--info-bg: var(--green-100);--info-text: var(--green-800);--info-border: var(--green-300);--sidebar-width: 236px;--sidebar-collapsed: 60px;--topbar-height: 56px;--t-fast: .14s ease;--t-base: .14s ease;--t-slow: .14s ease;--radius-sm: 2px;--radius-md: 2px;--radius-lg: 2px;--radius-xl: 2px;--radius-full: 9999px}:root{--color-bg-base: var(--paper);--color-bg-surface: var(--surface);--color-bg-elevated:var(--surface);--color-bg-hover: var(--green-100);--color-bg-input: var(--surface);--color-bg-sidebar: var(--green-600);--color-bg-sidebar-hover: var(--green-700);--color-bg-sidebar-active: #0a4d35;--color-sidebar-border: rgba(255,255,255,.18);--color-text-primary: var(--ink);--color-text-secondary: var(--body-ink);--color-text-tertiary: var(--muted);--color-text-sidebar: #ffffff;--color-text-sidebar-muted: var(--green-200);--color-border: var(--line);--color-border-strong: var(--line-strong);--color-primary: var(--green-600);--color-primary-hover:var(--green-700);--color-primary-text: #ffffff;--color-action: var(--green-600);--color-action-hover: var(--green-700);--color-action-text: #ffffff;--color-stat-bg: var(--green-100);--color-stat-text: var(--green-900);--shadow-card: none;--shadow-elevated: none;--shadow-primary: none;--shadow-action: none}.app-sidebar{position:fixed!important;top:0;left:0;bottom:0;z-index:200;transform:translate(calc(-1 * var(--sidebar-width)));transition:transform var(--t-slow)}.app-sidebar.sidebar-open{transform:translate(0)}.app-topbar{display:flex;align-items:center;gap:12px;padding:0 16px;height:var(--topbar-height);background:var(--color-bg-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:199;background:#00000073}.app-content{margin-left:0;padding:16px}@media (min-width: 768px){.app-sidebar{position:sticky!important;transform:translate(0)!important;height:100vh;flex-shrink:0}.app-topbar,.sidebar-overlay{display:none}.app-content{margin-left:0;padding:24px}}.dashboard-stats{display:flex;gap:12px;flex-wrap:wrap}.dashboard-stats>*{flex:1 1 100%}@media (min-width: 480px){.dashboard-stats>*{flex:1 1 45%}}@media (min-width: 900px){.dashboard-stats>*{flex:1 1 200px}}.dashboard-sections{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start}.dashboard-sections>*{flex:1 1 100%}@media (min-width: 900px){.dashboard-sections>*{flex:1 1 320px}}.meetings-grid{display:grid;gap:12px;grid-template-columns:1fr}@media (min-width: 540px){.meetings-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 960px){.meetings-grid{grid-template-columns:repeat(3,1fr)}}.page-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.page-header-actions{display:flex;gap:8px;flex-wrap:wrap;width:100%}@media (min-width: 540px){.page-header-actions{width:auto}}.form-row{display:flex;gap:12px;flex-wrap:wrap}.form-row>*{flex:1 1 100%}@media (min-width: 480px){.form-row>*{flex:1 1 120px}}.detail-columns{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start}.detail-columns>.detail-main{flex:1 1 100%}.detail-columns>.detail-side{flex:1 1 100%}@media (min-width: 768px){.detail-columns>.detail-main{flex:2 1 400px}.detail-columns>.detail-side{flex:1 1 240px}}.tabs-bar{display:flex;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-bottom:1px solid var(--color-border);margin-bottom:16px}.tabs-bar::-webkit-scrollbar{display:none}.auth-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}.auth-card{width:100%;max-width:420px}@media (max-width: 440px){.modal-card{max-width:100%!important;margin:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0!important;position:fixed;bottom:0;left:0;right:0}}.hide-mobile{display:none}@media (min-width: 768px){.hide-mobile{display:initial}}.hide-desktop{display:initial}@media (min-width: 768px){.hide-desktop{display:none}}@tailwind base;@tailwind components;@tailwind utilities;*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--color-bg-base);color:var(--color-text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--t-slow),color var(--t-slow)}h1,h2{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--color-text-primary)}h3,h4,h5,h6{font-family:var(--font-body);font-weight:600;letter-spacing:-.015em;line-height:1.25;color:var(--color-text-primary)}h1{font-size:1.75rem;letter-spacing:-.03em}h2{font-size:1.375rem}h3{font-size:1.125rem}h4{font-size:1rem}h5{font-size:.9rem}h6{font-size:.8rem}p{line-height:1.65}a{color:var(--color-primary);text-decoration:none;transition:color var(--t-fast)}a:hover{color:var(--color-primary-hover)}input,textarea,select{font-family:var(--font-body);font-size:.875rem;background-color:var(--color-bg-input);color:var(--color-text-primary);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:.5rem .75rem;width:100%;outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast)}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0d7a5226}input::placeholder,textarea::placeholder{color:var(--color-text-tertiary)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}@layer components{.btn-primary{@apply inline-flex items-center gap-2 px-4 py-2 rounded-md font-heading font-semibold text-sm tracking-wide bg-primary text-white hover:-translate-y-px transition-all duration-base;box-shadow:var(--shadow-primary);background-color:var(--color-primary);color:var(--color-primary-text)}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-action{@apply inline-flex items-center gap-2 px-4 py-2 rounded-md font-heading font-semibold text-sm tracking-wide hover:-translate-y-px transition-all duration-base;background-color:var(--color-action);color:var(--color-action-text);box-shadow:var(--shadow-action)}.btn-action:hover{background-color:var(--color-action-hover)}.btn-ghost{@apply inline-flex items-center gap-2 px-4 py-2 rounded-md font-heading font-semibold text-sm tracking-wide bg-transparent border border-solid transition-all duration-base;color:var(--color-primary);border-color:var(--color-primary)}.btn-ghost:hover{background-color:var(--purple-50)}.btn-neutral{@apply inline-flex items-center gap-2 px-4 py-2 rounded-md font-heading font-semibold text-sm transition-all duration-base;background-color:var(--steel-50);color:var(--steel-800);border:1px solid var(--steel-100)}.btn-neutral:hover{background-color:var(--steel-100);color:var(--steel-900)}.card{@apply rounded-lg p-5;background-color:var(--color-bg-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.stat-card{@apply rounded-md p-4;background-color:var(--color-stat-bg)}.pill{@apply inline-flex items-center gap-1 px-2.5 py-0.5 rounded-full text-xs font-heading font-semibold tracking-wide;}.pill-pending{background:var(--steel-50);color:var(--steel-800)}.pill-progress{background:var(--purple-50);color:var(--purple-800)}.pill-done{background:var(--success-bg);color:var(--success-text)}.pill-overdue{background:var(--error-bg);color:var(--error-text)}.pill-postponed{background:var(--warning-bg);color:var(--warning-text)}.pill-followup{background:var(--orange-50);color:var(--orange-800)}.form-label{@apply block text-sm font-heading font-medium mb-1;color:var(--color-text-secondary)}.form-error{@apply text-xs mt-1;color:var(--error-text)}}