*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #11cc82;--color-primary-dark: #0fb473;--color-primary-glow: rgba(17, 204, 130, .12);--color-success: #30a46c;--color-error: #d92d20;--color-border: #ededf0;--color-border-strong: #d2d2d7;--color-bg: #ffffff;--color-bg-secondary: #f5f5f7;--color-bg-card: #ffffff;--color-heading: #1d1d1f;--color-text: #3a3a3c;--color-text-secondary: #6e6e73;--color-grey: #d2d2d7;--border-radius: .75rem;--radius-sm: .625rem;--radius-lg: 1.25rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 18px rgba(0, 0, 0, .06);--shadow-lg: 0 12px 42px rgba(0, 0, 0, .08);--shadow-glow: none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.55;color:var(--color-text);background:var(--color-bg-secondary);margin:0;min-height:100vh;overflow-y:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{color:var(--color-primary)}::selection{background:#11cc822e}:focus-visible{outline:3px solid rgba(17,204,130,.45);outline-offset:3px}.page-shell{display:flex;flex-direction:column;min-height:100vh;background:var(--color-bg-secondary)}.page-main{flex:1;display:flex;flex-direction:column}.container{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.card{background:var(--color-bg-card);border:0;border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-sm);width:100%;max-width:600px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.72rem 1.3rem;font-size:.925rem;font-weight:600;text-align:center;text-decoration:none;border:1px solid transparent;border-radius:999px;cursor:pointer;transition:background .18s ease,opacity .18s ease,border-color .18s ease,transform .18s ease;letter-spacing:0;line-height:1.2}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:none}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:none}.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.upload-zone{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:3rem 2rem;text-align:center;transition:border-color .2s,background .2s,box-shadow .2s;cursor:pointer;background:var(--color-bg);box-shadow:var(--shadow-sm)}.upload-zone:hover{border-color:var(--color-primary);background:#f7fdfa;box-shadow:var(--shadow-md)}.upload-zone.drag-over{border-color:var(--color-primary);background:#effbf5;border-width:1px}.upload-zone svg{width:3rem;height:3rem;margin:0 auto .75rem;color:var(--color-primary)}.progress-bar{width:100%;height:.6rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:9999px;overflow:hidden;margin:.75rem 0}.progress-fill{height:100%;background:var(--color-primary);transition:width .3s}.error-message{color:var(--color-error);padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--border-radius);margin-top:1rem;font-weight:500}.success-message{color:var(--color-success);padding:1rem;background:#11cc820f;border:1px solid rgba(17,204,130,.25);border-radius:var(--border-radius);margin-top:1rem;font-weight:500}h1,h2,h3{margin-bottom:.75rem;font-weight:600;color:var(--color-heading);line-height:1.25}h1{font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.045em;color:var(--color-heading);margin-bottom:.5rem;line-height:1.2}h2{font-size:1.4rem;letter-spacing:-.025em}h3{font-size:1.1rem}p{margin-bottom:.75rem;color:var(--color-text-secondary);font-size:.95rem}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;margin:1rem 0}.stat-card{background:var(--color-bg);border:0;border-radius:var(--radius-lg);padding:1rem;text-align:center;box-shadow:var(--shadow-sm)}.stat-card:hover{box-shadow:var(--shadow-sm)}.stat-card h3{font-size:1.5rem;color:var(--color-primary);margin-bottom:.25rem;font-weight:700}.stat-card p{color:var(--color-text-secondary);font-size:.72rem;margin:0;letter-spacing:0;line-height:1.2;font-weight:500}@media (max-height: 700px){.container{padding:1rem}.card{padding:1.5rem}h1{font-size:1.75rem;margin-bottom:.4rem}p{margin-bottom:.6rem}.upload-zone{padding:1.5rem 1rem}.upload-zone svg{width:2.5rem;height:2.5rem}}@media (max-width: 640px){.container{padding:1rem}.card{padding:1.5rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.btn{padding:.65rem 1.1rem;font-size:.875rem}}@media (max-width: 480px){body{font-size:14px}.stats-grid{grid-template-columns:1fr;gap:.5rem}.stat-card{padding:1rem}.stat-card h3{font-size:1.5rem}.stat-card p{font-size:.75rem}table{font-size:.8rem}th,td{padding:.4rem!important;font-size:.75rem!important}.btn{padding:.55rem .85rem;font-size:.825rem}}