@charset "UTF-8";.realtime-notifications{position:fixed;z-index:9999;max-width:400px;width:100%;pointer-events:none}.realtime-notifications--top-right{top:1rem;right:1rem}.realtime-notifications--top-left{top:1rem;left:1rem}.realtime-notifications--bottom-right{bottom:1rem;right:1rem}.realtime-notifications--bottom-left{bottom:1rem;left:1rem}.realtime-notifications__header{pointer-events:auto;margin-bottom:.5rem;display:flex;justify-content:flex-end}.realtime-notifications__clear-all{background:rgba(0,0,0,.8);color:#fff;border:none;border-radius:.375rem;padding:.5rem .75rem;font-size:.75rem;cursor:pointer;display:flex;align-items:center;gap:.375rem;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.realtime-notifications__clear-all:hover{background:rgba(0,0,0,.9);transform:translateY(-1px)}.realtime-notifications__clear-all .clear-all-icon{width:.875rem;height:.875rem}.realtime-notifications__clear-all .clear-all-text{white-space:nowrap}.realtime-notifications__list{display:flex;flex-direction:column;gap:.75rem}.realtime-notifications__more{pointer-events:auto;margin-top:.5rem;display:flex;justify-content:center}.realtime-notification{pointer-events:auto;background:white;border-radius:.75rem;box-shadow:0 10px 25px -5px #0000001a,0 4px 6px -2px #0000000d;border:1px solid #e5e7eb;overflow:hidden;position:relative;transform:translate(0);transition:all .3s ease;animation:slideIn .3s ease}.realtime-notification:hover{transform:translateY(-2px);box-shadow:0 20px 40px -10px #00000026,0 8px 12px -4px #0000001a}.realtime-notification--hiding{animation:slideOut .3s ease forwards}.realtime-notification--info{border-left:4px solid #3b82f6}.realtime-notification--success{border-left:4px solid #10b981}.realtime-notification--warning{border-left:4px solid #f59e0b}.realtime-notification--error{border-left:4px solid #ef4444}.realtime-notification__content{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 2.5rem 1rem 1rem}.realtime-notification__icon{flex-shrink:0;margin-top:.125rem}.realtime-notification__body{flex:1;min-width:0}.realtime-notification__title{font-weight:600;font-size:.875rem;color:#1f2937;margin-bottom:.25rem;line-height:1.4}.realtime-notification__message{font-size:.8125rem;color:#6b7280;line-height:1.5;margin-bottom:.5rem;word-wrap:break-word}.realtime-notification__action{margin-bottom:.5rem}.realtime-notification__action-link{font-size:.75rem;color:#3b82f6;text-decoration:none;font-weight:500;transition:color .2s ease}.realtime-notification__action-link:hover{color:#1d4ed8;text-decoration:underline}.realtime-notification__timestamp{font-size:.6875rem;color:#9ca3af;font-weight:500}.realtime-notification__close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;cursor:pointer;color:#9ca3af;transition:color .2s ease;padding:.25rem;border-radius:.25rem}.realtime-notification__close:hover{color:#6b7280;background:#f3f4f6}.realtime-notification__close .close-icon{width:1rem;height:1rem}.realtime-notification__progress{position:absolute;bottom:0;left:0;height:2px;background:#3b82f6;animation:progress linear forwards;opacity:.7}.notification-icon{width:1.25rem;height:1.25rem}.notification-icon--info{color:#3b82f6}.notification-icon--success{color:#10b981}.notification-icon--warning{color:#f59e0b}.notification-icon--error{color:#ef4444}.notifications-more{background:rgba(0,0,0,.8);color:#fff;padding:.5rem 1rem;border-radius:.375rem;font-size:.75rem;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.notifications-more__text{line-height:1.4}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1;max-height:200px;margin-bottom:.75rem}to{transform:translate(100%);opacity:0;max-height:0;margin-bottom:0}}@keyframes progress{0%{width:100%;opacity:.7}to{width:0%;opacity:0}}.realtime-notifications--top-left .realtime-notification,.realtime-notifications--bottom-left .realtime-notification{animation:slideInLeft .3s ease}.realtime-notifications--top-left .realtime-notification--hiding,.realtime-notifications--bottom-left .realtime-notification--hiding{animation:slideOutLeft .3s ease forwards}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1;max-height:200px;margin-bottom:.75rem}to{transform:translate(-100%);opacity:0;max-height:0;margin-bottom:0}}@media (max-width: 480px){.realtime-notifications{left:1rem!important;right:1rem!important;max-width:none}.realtime-notifications--top-left,.realtime-notifications--top-right{top:1rem}.realtime-notifications--bottom-left,.realtime-notifications--bottom-right{bottom:1rem}.realtime-notification__content{padding:.75rem 2rem .75rem .75rem}.realtime-notification__title{font-size:.8125rem}.realtime-notification__message{font-size:.75rem}.realtime-notification__close{top:.5rem;right:.5rem}.realtime-notifications__clear-all{padding:.375rem .5rem;font-size:.6875rem}.realtime-notifications__clear-all .clear-all-icon{width:.75rem;height:.75rem}}@media (prefers-color-scheme: dark){.realtime-notification{background:#1f2937;border-color:#374151;color:#f9fafb}.realtime-notification__title{color:#f9fafb}.realtime-notification__message{color:#d1d5db}.realtime-notification__timestamp,.realtime-notification__close{color:#9ca3af}.realtime-notification__close:hover{color:#d1d5db;background:#374151}}:root{--primary: #00A99D;--background-light: #F7FAFC;--background-dark: #1A202C;--surface-light: #FFFFFF;--surface-dark: #2D3748;--text-light: #2D3748;--text-dark: #E2E8F0;--muted-light: #A0AEC0;--muted-dark: #718096;--border-light: #E2E8F0;--border-dark: #4A5568;--success-light: #48BB78;--success-dark: #2F855A;--warning-light: #F6E05E;--warning-dark: #B7791F;--danger-light: #F56565;--danger-dark: #C53030}.text-primary{color:var(--primary)!important}.bg-primary{background-color:var(--primary)!important}.border-primary{border-color:var(--primary)!important}.bg-background-light{background-color:var(--background-light)!important}.bg-background-dark{background-color:var(--background-dark)!important}.bg-surface-light{background-color:var(--surface-light)!important}.bg-surface-dark{background-color:var(--surface-dark)!important}.text-text-light{color:var(--text-light)!important}.text-text-dark{color:var(--text-dark)!important}.text-muted-light{color:var(--muted-light)!important}.text-muted-dark{color:var(--muted-dark)!important}.border-border-light{border-color:var(--border-light)!important}.border-border-dark{border-color:var(--border-dark)!important}.text-danger-light{color:var(--danger-light)!important}.text-danger-dark{color:var(--danger-dark)!important}.bg-danger-light\/10{background-color:#f565651a!important}.bg-danger-light\/20{background-color:#f5656533!important}.bg-danger-light\/30{background-color:#f565654d!important}.bg-danger-dark\/20{background-color:#c5303033!important}.bg-danger-dark\/30{background-color:#c530304d!important}.bg-danger-dark\/40{background-color:#c5303066!important}.dark .dark\:bg-background-dark{background-color:var(--background-dark)!important}.dark .dark\:bg-surface-dark{background-color:var(--surface-dark)!important}.dark .dark\:text-text-dark{color:var(--text-dark)!important}.dark .dark\:text-muted-dark{color:var(--muted-dark)!important}.dark .dark\:border-border-dark{border-color:var(--border-dark)!important}.dark .dark\:text-danger-dark{color:var(--danger-dark)!important}.dark .dark\:hover\:bg-danger-dark\/20:hover{background-color:#c5303033!important}.dark .dark\:hover\:bg-danger-dark\/40:hover{background-color:#c5303066!important}.font-display{font-family:Noto Sans JP,sans-serif!important}.material-icons{font-family:Material Icons!important;font-weight:400!important;font-style:normal!important;font-size:24px!important;line-height:1!important;letter-spacing:normal!important;text-transform:none!important;display:inline-block!important;white-space:nowrap!important;word-wrap:normal!important;direction:ltr!important;-webkit-font-feature-settings:"liga"!important;-webkit-font-smoothing:antialiased!important}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))!important}.col-span-1{grid-column:span 1 / span 1!important}.col-span-2{grid-column:span 2 / span 2!important}.col-span-4{grid-column:span 4 / span 4!important}.col-span-6{grid-column:span 6 / span 6!important}.col-span-12{grid-column:span 12 / span 12!important}.col-start-1{grid-column-start:1!important}.col-start-2{grid-column-start:2!important}.focus\:ring-primary:focus{--tw-ring-color: var(--primary) !important;--tw-ring-opacity: .5 !important;box-shadow:0 0 0 3px #00a99d80!important}.focus\:border-primary:focus{border-color:var(--primary)!important}.hover\:bg-primary\/10:hover{background-color:#00a99d1a!important}.hover\:bg-opacity-90:hover{--tw-bg-opacity: .9 !important}@media (min-width: 768px){.md\:grid{display:grid!important}.md\:col-span-1{grid-column:span 1 / span 1!important}.md\:col-span-2{grid-column:span 2 / span 2!important}.md\:col-span-4{grid-column:span 4 / span 4!important}.md\:col-start-2{grid-column-start:2!important}.md\:justify-start{justify-content:flex-start!important}}@media (min-width: 1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.lg\:w-auto{width:auto!important}}.hidden{display:none!important}.justify-self-end{justify-self:end!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-left{text-align:left!important}.font-semibold{font-weight:600!important}.font-medium{font-weight:500!important}.rounded-md{border-radius:.375rem!important}.rounded-lg{border-radius:.5rem!important}.rounded-full{border-radius:9999px!important}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important}.transition-colors{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,color .15s ease-in-out!important}.duration-200{transition-duration:.2s!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:.75rem!important}.p-4{padding:1rem!important}.p-6{padding:1.5rem!important}.p-8{padding:2rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-1\.5{padding-top:.375rem!important;padding-bottom:.375rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.py-4{padding-top:1rem!important;padding-bottom:1rem!important}.py-8{padding-top:2rem!important;padding-bottom:2rem!important}.pl-10{padding-left:2.5rem!important}.pr-4{padding-right:1rem!important}.mb-4{margin-bottom:1rem!important}.mb-6{margin-bottom:1.5rem!important}.ml-2{margin-left:.5rem!important}.gap-4{gap:1rem!important}.w-4{width:1rem!important}.w-5{width:1.25rem!important}.w-full{width:100%!important}.h-4{height:1rem!important}.h-5{height:1.25rem!important}.min-h-screen{min-height:100vh!important}.flex{display:flex!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.justify-end{justify-content:flex-end!important}.justify-between{justify-content:space-between!important}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.grid{display:grid!important}.border{border-width:1px!important}.border-b{border-bottom-width:1px!important}.overflow-hidden{overflow:hidden!important}.absolute{position:absolute!important}.left-3{left:.75rem!important}.top-1\/2{top:50%!important}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.cursor-not-allowed{cursor:not-allowed!important}.opacity-50{opacity:.5!important}button:disabled{opacity:.5!important;cursor:not-allowed!important}.container{width:100%!important;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important;padding-left:1rem!important;padding-right:1rem!important}@media (min-width: 640px){.container{padding-left:1.5rem!important;padding-right:1.5rem!important}}@media (min-width: 1024px){.container{padding-left:2rem!important;padding-right:2rem!important}}:root{--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #3b82f6;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-primary-800: #1e40af;--color-primary-900: #1e3a8a;--color-secondary-50: #f8fafc;--color-secondary-100: #f1f5f9;--color-secondary-200: #e2e8f0;--color-secondary-300: #cbd5e1;--color-secondary-400: #94a3b8;--color-secondary-500: #64748b;--color-secondary-600: #475569;--color-secondary-700: #334155;--color-secondary-800: #1e293b;--color-secondary-900: #0f172a;--color-success-50: #f0fdf4;--color-success-100: #dcfce7;--color-success-200: #bbf7d0;--color-success-300: #86efac;--color-success-400: #4ade80;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-success-700: #15803d;--color-success-800: #166534;--color-success-900: #14532d;--color-warning-50: #fffbeb;--color-warning-100: #fef3c7;--color-warning-200: #fde68a;--color-warning-300: #fcd34d;--color-warning-400: #fbbf24;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-warning-800: #92400e;--color-warning-900: #78350f;--color-error-50: #fef2f2;--color-error-100: #fee2e2;--color-error-200: #fecaca;--color-error-300: #fca5a5;--color-error-400: #f87171;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-error-700: #b91c1c;--color-error-800: #991b1b;--color-error-900: #7f1d1d;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-bg-primary: #ffffff;--color-bg-secondary: #f8fafc;--color-bg-tertiary: #f1f5f9;--color-bg-overlay: #ffffff;--color-text-primary: #1f2937;--color-text-secondary: #6b7280;--color-text-tertiary: #9ca3af;--color-text-inverse: #ffffff;--color-border-primary: #e5e7eb;--color-border-secondary: #d1d5db;--color-border-focus: #3b82f6;--color-shadow-sm: rgba(0, 0, 0, .05);--color-shadow-md: rgba(0, 0, 0, .1);--color-shadow-lg: rgba(0, 0, 0, .15);--color-shadow-xl: rgba(0, 0, 0, .25)}[data-theme=dark]{--color-bg-primary: #1f2937;--color-bg-secondary: #111827;--color-bg-tertiary: #0f172a;--color-bg-overlay: #ffffff;--color-text-primary: #f9fafb;--color-text-secondary: #d1d5db;--color-text-tertiary: #9ca3af;--color-text-inverse: #1f2937;--color-border-primary: #374151;--color-border-secondary: #4b5563}:root{--font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "Fira Code", "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-none: 1;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2}:root{--spacing-0: 0;--spacing-px: 1px;--spacing-0-5: .125rem;--spacing-1: .25rem;--spacing-1-5: .375rem;--spacing-2: .5rem;--spacing-2-5: .625rem;--spacing-3: .75rem;--spacing-3-5: .875rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-11: 2.75rem;--spacing-12: 3rem;--spacing-14: 3.5rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-28: 7rem;--spacing-32: 8rem}:root{--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}:root{--border-radius-none: 0;--border-radius-sm: .125rem;--border-radius-base: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--border-radius-xl: .75rem;--border-radius-2xl: 1rem;--border-radius-3xl: 1.5rem;--border-radius-full: 9999px}:root{--shadow-sm: 0 1px 2px 0 var(--color-shadow-sm);--shadow-base: 0 1px 3px 0 var(--color-shadow-sm), 0 1px 2px 0 var(--color-shadow-sm);--shadow-md: 0 4px 6px -1px var(--color-shadow-md), 0 2px 4px -1px var(--color-shadow-sm);--shadow-lg: 0 10px 15px -3px var(--color-shadow-md), 0 4px 6px -2px var(--color-shadow-sm);--shadow-xl: 0 20px 25px -5px var(--color-shadow-lg), 0 10px 10px -5px var(--color-shadow-sm);--shadow-2xl: 0 25px 50px -12px var(--color-shadow-xl);--shadow-inner: inset 0 2px 4px 0 var(--color-shadow-sm);--shadow-none: 0 0 #0000}:root{--z-index-auto: auto;--z-index-0: 0;--z-index-10: 10;--z-index-20: 20;--z-index-30: 30;--z-index-40: 40;--z-index-50: 50;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--z-index-toast: 1080}:root{--transition-none: none;--transition-all: all .15s cubic-bezier(.4, 0, .2, 1);--transition-default: color .15s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), border-color .15s cubic-bezier(.4, 0, .2, 1), box-shadow .15s cubic-bezier(.4, 0, .2, 1);--transition-colors: color .15s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), border-color .15s cubic-bezier(.4, 0, .2, 1);--transition-opacity: opacity .15s cubic-bezier(.4, 0, .2, 1);--transition-shadow: box-shadow .15s cubic-bezier(.4, 0, .2, 1);--transition-transform: transform .15s cubic-bezier(.4, 0, .2, 1)}:root{--duration-75: 75ms;--duration-100: .1s;--duration-150: .15s;--duration-200: .2s;--duration-300: .3s;--duration-500: .5s;--duration-700: .7s;--duration-1000: 1s}:root{--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%;font-family:var(--font-family-sans)}body{margin:0;font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html[data-theme=dark]{color-scheme:dark}html[data-theme=light]{color-scheme:light}.w-4{width:1rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-12{width:3rem}.w-24{width:6rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-12{height:3rem}.h-24{height:6rem}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-4)}@media (min-width: var(--breakpoint-sm)){.container{padding:0 var(--spacing-6)}}@media (min-width: var(--breakpoint-lg)){.container{padding:0 var(--spacing-8)}}.btn,.error-boundary__button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2-5) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);text-decoration:none;border:1px solid transparent;border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-colors);white-space:nowrap}.btn:disabled,.error-boundary__button:disabled{opacity:.5;cursor:not-allowed}.btn--primary,.error-boundary__button{color:#fff;background-color:var(--color-primary-600);border-color:var(--color-primary-600)}.btn--primary:hover:not(:disabled),.error-boundary__button:hover:not(:disabled){background-color:var(--color-primary-700);border-color:var(--color-primary-700)}.btn--primary:focus,.error-boundary__button:focus{outline:2px solid var(--color-primary-500);outline-offset:2px}.btn--secondary{color:var(--color-text-primary);background-color:var(--color-bg-primary);border-color:var(--color-border-primary)}.btn--secondary:hover:not(:disabled){background-color:var(--color-bg-secondary)}.btn--secondary:focus{outline:2px solid var(--color-primary-500);outline-offset:2px}.btn--large{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base)}.btn--full{width:100%}.form-group{margin-bottom:var(--spacing-4)}.form-label{display:block;margin-bottom:var(--spacing-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.form-input{width:100%;padding:var(--spacing-3);font-size:var(--font-size-base);line-height:var(--line-height-tight);color:var(--color-text-primary);background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-md);transition:var(--transition-colors)}.form-input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #3b82f61a}.form-input::placeholder{color:var(--color-text-tertiary)}.form-input--with-icon{padding-right:var(--spacing-10)}.form-input-wrapper{position:relative}.form-input-icon{position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:var(--spacing-1);border-radius:var(--border-radius-sm);transition:var(--transition-colors)}.form-input-icon:hover{color:var(--color-text-secondary)}.form-input-icon:focus{outline:2px solid var(--color-primary-500);outline-offset:2px}.alert{padding:var(--spacing-4);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-4)}.alert--error{color:var(--color-error-700);background-color:var(--color-error-50);border:1px solid var(--color-error-200)}.alert--success{color:var(--color-success-700);background-color:var(--color-success-50);border:1px solid var(--color-success-200)}.alert--warning{color:var(--color-warning-700);background-color:var(--color-warning-50);border:1px solid var(--color-warning-200)}.alert--info{color:var(--color-primary-700);background-color:var(--color-primary-50);border:1px solid var(--color-primary-200)}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:var(--spacing-8)}.loading-spinner--overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:var(--z-index-modal)}.loading-spinner__content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3)}.loading-spinner__icon{animation:spin 1s linear infinite;color:#374151}.loading-spinner__message{color:#374151;font-size:var(--font-size-sm)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:global(.spinning){animation:spin 1s linear infinite}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:400px;padding:var(--spacing-8)}.error-boundary__container{text-align:center;max-width:500px}.error-boundary__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-error-600);margin-bottom:var(--spacing-4)}.error-boundary__message{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-6);line-height:var(--line-height-relaxed)}.error-boundary__details{margin-bottom:var(--spacing-6);text-align:left}.error-boundary__details summary{cursor:pointer;margin-bottom:var(--spacing-2);color:var(--color-text-secondary)}.error-boundary__error{background-color:var(--color-gray-100);padding:var(--spacing-4);border-radius:var(--border-radius-md);font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-error-700);overflow-x:auto}.home-page{min-height:100vh;display:flex;flex-direction:column}.home-page__header{background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border-primary);padding:var(--spacing-4) 0}.home-page__nav{display:flex;align-items:center;justify-content:space-between}.home-page__logo{display:flex;align-items:center;gap:var(--spacing-3);color:var(--color-primary-600);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.home-page__main{flex:1}.home-page__hero{padding:var(--spacing-20) 0;background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-secondary-50) 100%);text-align:center}.home-page__hero-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-6);line-height:var(--line-height-tight)}@media (min-width: var(--breakpoint-lg)){.home-page__hero-title{font-size:var(--font-size-5xl)}}.home-page__hero-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-8);max-width:600px;margin-left:auto;margin-right:auto;line-height:var(--line-height-relaxed)}.home-page__hero-actions{display:flex;gap:var(--spacing-4);justify-content:center;flex-wrap:wrap}.home-page__features{padding:var(--spacing-20) 0}.home-page__section-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);text-align:center;margin-bottom:var(--spacing-12);color:var(--color-text-primary)}.home-page__features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-8)}.home-page__footer{background-color:var(--color-bg-secondary);padding:var(--spacing-8) 0;text-align:center;border-top:1px solid var(--color-border-primary)}.home-page__footer-text{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.feature-card{text-align:center;padding:var(--spacing-6)}.feature-card__icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto var(--spacing-4);background-color:var(--color-primary-100);border-radius:var(--border-radius-2xl);color:var(--color-primary-600)}.feature-card__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3);color:var(--color-text-primary)}.feature-card__description{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.login-page{min-height:100vh;background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-secondary-50) 100%);display:flex;align-items:center;justify-content:center;padding:var(--spacing-4)}.login-page__container{width:100%;max-width:400px}.login-page__header{text-align:center;margin-bottom:var(--spacing-8)}.login-page__logo{display:inline-flex;align-items:center;gap:var(--spacing-2);color:var(--color-primary-600);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);text-decoration:none}.login-page__form-container{background-color:var(--color-bg-primary);padding:var(--spacing-8);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl)}.login-page__form-header{text-align:center;margin-bottom:var(--spacing-8)}.login-page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.login-page__subtitle{color:var(--color-text-secondary)}.login-page__footer{text-align:center;margin-top:var(--spacing-6)}.login-page__footer-text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.dashboard-page{min-height:100vh;background-color:var(--color-bg-secondary)}.dashboard-page__header{background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border-primary);padding:var(--spacing-8) 0}.dashboard-page__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.dashboard-page__subtitle{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.dashboard-page__content{padding:var(--spacing-8) 0}.dashboard-section{margin-bottom:var(--spacing-12)}.dashboard-section__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-6)}.status-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-6)}.status-card{background-color:var(--color-bg-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-primary)}.status-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}.status-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.status-card__content{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.status-card__content p{margin-bottom:var(--spacing-2)}.status-card__content p:last-child{margin-bottom:0}.status-card__content strong{color:var(--color-text-primary)}.status-indicator{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.status-indicator--success{background-color:var(--color-success-100);color:var(--color-success-700)}.status-indicator--loading{background-color:var(--color-warning-100);color:var(--color-warning-700)}.status-indicator--error{background-color:var(--color-error-100);color:var(--color-error-700)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-6)}.stat-card{background-color:var(--color-bg-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-primary);display:flex;align-items:center;gap:var(--spacing-4)}.stat-card__icon{flex-shrink:0;padding:var(--spacing-3);background-color:var(--color-primary-100);border-radius:var(--border-radius-lg);color:var(--color-primary-600)}.stat-card__content{flex:1}.stat-card__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-1)}.stat-card__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.stat-card__description{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.action-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-6)}.action-card{background-color:var(--color-bg-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-primary);text-align:center}.action-card__icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto var(--spacing-4);background-color:var(--color-primary-100);border-radius:var(--border-radius-2xl);color:var(--color-primary-600)}.action-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-3)}.action-card__description{color:var(--color-text-secondary);margin-bottom:var(--spacing-4);line-height:var(--line-height-relaxed)}.activity-feed{background-color:var(--color-bg-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-primary)}.activity-item{display:flex;gap:var(--spacing-3);padding:var(--spacing-4) 0;border-bottom:1px solid var(--color-border-primary)}.activity-item:last-child{border-bottom:none;padding-bottom:0}.activity-item:first-child{padding-top:0}.activity-item__icon{flex-shrink:0;padding:var(--spacing-2);background-color:var(--color-primary-100);border-radius:var(--border-radius-full);color:var(--color-primary-600)}.activity-item__content{flex:1}.activity-item__message{color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.activity-item__time{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.not-found-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-secondary);padding:var(--spacing-4)}.not-found-page__container{text-align:center;max-width:500px}.not-found-page__icon{margin-bottom:var(--spacing-6);color:var(--color-text-tertiary)}.not-found-page__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.not-found-page__message{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-8);line-height:var(--line-height-relaxed)}.not-found-page__actions{display:flex;gap:var(--spacing-4);justify-content:center;flex-wrap:wrap}.ds-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-4)}.ds-modal{background-color:var(--color-bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-2xl);max-width:90vw;max-height:90vh;width:100%;max-width:600px;display:flex;flex-direction:column;overflow:hidden}.ds-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-6);border-bottom:1px solid var(--color-border-primary)}.ds-modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.ds-modal__close{background:none;border:none;font-size:var(--font-size-xl);color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-2);border-radius:var(--border-radius-md);transition:var(--transition-colors)}.ds-modal__close:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.ds-modal__content{padding:var(--spacing-6);overflow-y:auto;flex:1}.ds-modal__actions{padding:var(--spacing-6);border-top:1px solid var(--color-border-primary);display:flex;gap:var(--spacing-3);justify-content:flex-end}@media (max-width: var(--breakpoint-sm)){.home-page__hero-title{font-size:var(--font-size-3xl)}.home-page__features-grid,.stats-grid,.action-cards,.status-cards{grid-template-columns:1fr}.ds-modal{margin:var(--spacing-4);max-width:calc(100vw - 2 * var(--spacing-4))}.ds-modal__header,.ds-modal__content,.ds-modal__actions{padding:var(--spacing-4)}}