:root{--color-primary: #1e40af;--color-primary-light: #3b82f6;--color-primary-dark: #1e3a8a;--color-bg: #f8fafc;--color-surface: #ffffff;--color-text: #1e293b;--color-text-muted: #64748b;--color-border: #e2e8f0;--color-success: #16a34a;--color-error: #dc2626;--radius: 12px;--shadow: 0 1px 3px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .1)}html{height:100%;background:var(--color-bg)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;position:relative;min-height:100vh;min-height:100svh;min-height:100dvh;overflow-x:hidden}@supports (-webkit-touch-callout: none){html{height:-webkit-fill-available}body{min-height:-webkit-fill-available}}.container{max-width:600px;margin:0 auto;padding:0 16px}@media (min-width: 768px){.container{max-width:960px;padding:0 32px}}@media (min-width: 1200px){.container{max-width:1120px;padding:0 40px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border:none;border-radius:var(--radius);font-size:16px;font-weight:600;cursor:pointer;transition:background .2s,transform .1s;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-primary);color:#fff;width:100%}.btn-primary:hover{background:var(--color-primary-dark)}.card{background:var(--color-surface);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);border:1px solid var(--color-border)}.badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-uploaded{background:#dbeafe;color:#1e40af}.empty-state{text-align:center;padding:48px 16px;color:var(--color-text-muted)}.empty-state p{margin-top:8px;font-size:14px}@media (max-width: 767px){:root{--color-bg: #f3efe7;--color-surface: #ffffff;--color-text: #142230;--color-text-muted: #6b7782;--color-primary: #0b2538;--color-primary-light: #123e5a;--color-primary-dark: #0b2538;--color-border: rgba(11, 37, 56, .11);--color-accent: #f3a51d;--color-accent2: #ffd46c;--color-success: #16865c;--color-error: #c74436;--radius: 25px;--shadow: 0 10px 26px rgba(11, 37, 56, .08);--shadow-lg: 0 16px 38px rgba(11, 37, 56, .16);--m-soft: #faf7f0;--m-warn-soft: #fff0c7;--m-blue-soft: #e8f3fa;--m-green-soft: #e7f7ef;--m-red-soft: #ffe7e3}body{background:var(--color-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.mobile-only{display:block!important}.desktop-only{display:none!important}}@media (min-width: 768px){.mobile-only{display:none!important}.desktop-only{display:block!important}}