@import"https://fonts.googleapis.com/css2?family=Inter:wght@300..900&display=swap";:root{color-scheme:light dark;--color-primary: #137547;--color-primary-hover: #0f613a;--color-primary-light: #e7f3ed;--color-secondary: #2F6BFF;--color-secondary-hover:#1e54db;--color-secondary-light:#eff4ff;--color-accent: #F4B740;--color-org-accent: var(--color-primary);--color-org-accent-hover: var(--color-primary-hover);--color-org-accent-light: var(--color-primary-light);--color-success: #16a34a;--color-success-hover: #15803d;--color-success-bg: #f0fdf4;--color-success-border: #86efac;--color-danger: #dc2626;--color-danger-hover: #b91c1c;--color-danger-bg: #fef2f2;--color-danger-border: #fca5a5;--color-warning: #d97706;--color-warning-bg: #fffbeb;--color-warning-border: #fde68a;--color-status-pending: #d97706;--color-status-pending-bg: #fffbeb;--color-status-approved: #16a34a;--color-status-approved-bg: #f0fdf4;--color-status-rejected: #dc2626;--color-status-rejected-bg: #fef2f2;--color-status-neutral: #64748b;--color-status-neutral-bg: #f1f5f9;--color-bg: #F7F9FC;--color-surface: #FFFFFF;--color-surface-2: #F1F5F9;--color-border: #E2E8F0;--color-border-focus: var(--color-primary);--color-text-primary: #0F172A;--color-text-secondary: #64748B;--color-text-muted: #94A3B8;--color-text-on-accent: #FFFFFF;--shadow-sm: 0 1px 2px 0 rgba(0,0,0,.05);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.08), 0 2px 4px -1px rgba(0,0,0,.04);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.08), 0 4px 6px -2px rgba(0,0,0,.04);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.08), 0 10px 10px -5px rgba(0,0,0,.03);--glow-primary: 0 0 20px rgba(19,117,71,.15);--ease-premium: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-normal:.22s;--duration-slow: .35s;--focus-ring: 0 0 0 3px rgba(19,117,71,.35);--min-touch: 48px;--safe-area-bottom: env(safe-area-inset-bottom, 20px);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px}.dark{--color-primary: #1aa665;--color-primary-hover: #137547;--color-primary-light: #064e2e;--color-secondary: #3b82f6;--color-secondary-hover:#2563eb;--color-secondary-light:#1e3a8a;--color-accent: #fbbf24;--color-success-bg: #052e16;--color-success-border: #166534;--color-danger-bg: #450a0a;--color-danger-border: #7f1d1d;--color-warning-bg: #431407;--color-warning-border: #92400e;--color-status-pending-bg: #431407;--color-status-approved-bg: #052e16;--color-status-rejected-bg: #450a0a;--color-status-neutral-bg: #1e293b;--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-2: #0f172a;--color-border: #334155;--color-text-primary: #f8fafc;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--shadow-sm: 0 1px 2px 0 rgba(0,0,0,.3);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.4);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.4);--glow-primary: 0 0 20px rgba(26,166,101,.2);--focus-ring: 0 0 0 3px rgba(26,166,101,.4)}*{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-tap-highlight-color:transparent;box-sizing:border-box}body{background-color:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:calc(80px + var(--safe-area-bottom));font-size:16px;line-height:1.5}:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:var(--radius-md);border:none;font-size:14px;font-weight:600;cursor:pointer;min-height:var(--min-touch);transition:all var(--duration-normal) var(--ease-premium);text-decoration:none;gap:6px}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--color-org-accent);color:var(--color-text-on-accent);box-shadow:var(--shadow-md),var(--glow-primary)}.btn-primary:hover:not(:disabled){background:var(--color-org-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg),var(--glow-primary)}.btn-primary:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-secondary{background:transparent;border:1.5px solid var(--color-border);color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){border-color:var(--color-secondary);color:var(--color-secondary);background:var(--color-secondary-light)}.btn-success{background:var(--color-success);color:var(--color-text-on-accent)}.btn-success:hover:not(:disabled){background:var(--color-success-hover)}.btn-danger{background:var(--color-danger);color:var(--color-text-on-accent)}.btn-danger:hover:not(:disabled){background:var(--color-danger-hover)}.btn-ghost{background:transparent;border:1.5px solid var(--color-border);color:var(--color-text-secondary);font-size:12px;padding:6px 14px;min-height:32px}.btn-ghost:hover:not(:disabled){color:var(--color-text-primary);border-color:var(--color-text-secondary)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px}.card-premium{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--ease-premium)}.card-premium:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--color-org-accent-light)}.form-group{margin-bottom:14px}.form-label{display:block;font-size:12px;font-weight:600;color:var(--color-text-secondary);margin-bottom:5px;letter-spacing:.02em;text-transform:uppercase}.form-input,.form-select,.form-textarea{width:100%;padding:10px 12px;border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-bg);color:var(--color-text-primary);font-size:15px;outline:none;transition:border-color var(--duration-fast),box-shadow var(--duration-fast);min-height:var(--min-touch)}.form-textarea{min-height:80px;resize:vertical}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-border-focus);box-shadow:var(--focus-ring)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-muted)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap}.badge-pending{background:var(--color-status-pending-bg);color:var(--color-status-pending)}.badge-approved{background:var(--color-status-approved-bg);color:var(--color-status-approved)}.badge-rejected{background:var(--color-status-rejected-bg);color:var(--color-status-rejected)}.badge-neutral{background:var(--color-status-neutral-bg);color:var(--color-status-neutral)}.alert{border-radius:var(--radius-lg);padding:14px 16px;font-size:13px;line-height:1.5}.alert-success{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success)}.alert-danger{background:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:var(--color-danger)}.alert-warning{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:var(--color-warning)}.tabs-bar{display:flex;gap:4px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:4px;overflow-x:auto}.tab-btn{flex:0 0 auto;padding:9px 14px;border-radius:var(--radius-md);border:none;cursor:pointer;font-weight:700;font-size:13px;white-space:nowrap;background:transparent;color:var(--color-text-secondary);transition:all var(--duration-fast) var(--ease-premium);min-height:40px}.tab-btn:hover{color:var(--color-text-primary)}.tab-btn.active{background:var(--color-org-accent);color:var(--color-text-on-accent)}.divider{border:none;border-top:1px solid var(--color-border);margin:12px 0}.section-title{font-size:16px;font-weight:700;color:var(--color-text-primary);margin-bottom:12px}.mono{font-family:IBM Plex Mono,Fira Code,monospace;font-size:13px;background:var(--color-surface-2);border-radius:var(--radius-sm);padding:8px 12px;color:var(--color-text-primary);word-break:break-all}.input-premium{background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;color:var(--color-text-primary);transition:all var(--duration-fast) var(--ease-premium)}.input-premium:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-light);outline:none}.nav-capsule-active{background:var(--color-org-accent-light);color:var(--color-org-accent);box-shadow:inset 0 2px 4px #0000000d}.dark .nav-capsule-active{background:#13754733;color:var(--color-primary)}.sticky-action-footer{position:fixed;bottom:0;left:0;right:0;padding-bottom:var(--safe-area-bottom);z-index:50;background:#ffffffe6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.5);box-shadow:0 -4px 20px #00000014}.dark .sticky-action-footer{background:#0f172ae6;border-top:1px solid rgba(255,255,255,.1)}.bottom-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:60;opacity:0;transition:opacity .3s ease;pointer-events:none}.bottom-sheet-backdrop.open{opacity:1;pointer-events:auto}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-radius:20px 20px 0 0;padding:24px;padding-bottom:calc(24px + var(--safe-area-bottom));z-index:70;transform:translateY(100%);transition:transform .3s cubic-bezier(.2,.8,.2,1);box-shadow:0 -10px 40px #0003}.bottom-sheet.open{transform:translateY(0)}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.glass{background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(226,232,240,.6)}.dark .glass{background:#0f172ad9;border-bottom:1px solid rgba(51,65,85,.6)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-soft{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(.98)}}.animate-fade-in-up{animation:fade-in-up .5s var(--ease-premium) forwards}.animate-pulse-soft{animation:pulse-soft 3s ease-in-out infinite}.font-display{font-weight:800;letter-spacing:-.02em;line-height:1.1}.font-body{font-weight:400;line-height:1.6}