*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--color-primary:#27ae60;--color-primary-dark:#229954;--color-primary-light:#2ecc71;--color-primary-bg:#e8f5e9;--color-primary-bg-light:#f0f9f4;--color-text-primary:#2c3e50;--color-text-secondary:#5a6c7d;--color-text-light:#7f8c8d;--color-text-inverse:#fff;--color-bg-primary:#fff;--color-bg-secondary:#f8fafb;--color-bg-tertiary:#f0f4f8;--color-bg-accent:#e8f5e9;--color-border-light:#e0e0e0;--color-border-medium:#d0d0d0;--color-border-accent:#27ae60;--color-success:#27ae60;--color-warning:#f39c12;--color-error:#e74c3c;--color-info:#3498db;--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-mono:"SF Mono",Monaco,Consolas,"Courier New",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-size-5xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-normal:1.6;--line-height-relaxed:1.8;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--shadow-xs:0 1px 3px rgba(0,0,0,.05);--shadow-sm:0 2px 4px rgba(0,0,0,.05);--shadow-md:0 4px 12px rgba(0,0,0,.08);--shadow-lg:0 8px 24px rgba(0,0,0,.12);--shadow-xl:0 12px 48px rgba(0,0,0,.16);--shadow-primary:0 4px 16px rgba(39,174,96,.3);--transition-fast:150ms ease;--transition-base:300ms ease;--transition-slow:500ms ease;--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}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);background-color:var(--color-bg-primary)}body,h1,h2,h3,h4,h5,h6{color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}h1{font-size:var(--font-size-5xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--spacing-lg)}h2{font-size:var(--font-size-3xl)}h2,h3{margin-bottom:var(--spacing-md)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}p{margin-bottom:var(--spacing-md);color:var(--color-text-secondary)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.container-sm{max-width:800px}.container-lg{max-width:1400px}.section{padding:var(--spacing-3xl) 0}.section-sm{padding:var(--spacing-2xl) 0}.section-lg{padding:var(--spacing-4xl) 0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-light{color:var(--color-text-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.btn{display:inline-block;padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-align:center;text-decoration:none;border:2px solid transparent;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);font-family:inherit;line-height:1}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:var(--color-text-inverse);box-shadow:var(--shadow-primary)}.btn-primary:hover{box-shadow:0 6px 20px rgba(39,174,96,.4)}.btn-secondary{background-color:var(--color-bg-primary);color:var(--color-primary);border-color:var(--color-primary)}.btn-secondary:hover{background-color:var(--color-primary);color:var(--color-text-inverse)}.btn-ghost{background-color:transparent;color:var(--color-text-primary)}.btn-ghost:hover{background-color:var(--color-bg-secondary)}.btn-sm{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm)}.btn-lg{padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--font-size-lg)}.card{background-color:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-xl);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);font-family:inherit;border:2px solid var(--color-border-light);border-radius:var(--radius-md);background-color:var(--color-bg-primary);transition:all var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(39,174,96,.1)}.table{width:100%;border-collapse:collapse;background-color:var(--color-bg-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.table th{background-color:var(--color-bg-secondary);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);border-bottom:2px solid var(--color-border-light)}.table td,.table th{padding:var(--spacing-md)}.table td{border-bottom:1px solid var(--color-border-light)}.table tr:hover{background-color:var(--color-bg-secondary)}.badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);line-height:1}.badge-success{background-color:var(--color-primary-bg);color:var(--color-success)}.badge-warning{background-color:#fef5e7;color:var(--color-warning)}.badge-error{background-color:#fadbd8;color:var(--color-error)}.loading{display:inline-block;width:20px;height:20px;border:3px solid var(--color-border-light);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){:root{font-size:14px}.container{padding:0 var(--spacing-md)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-2xl)}}