:root{--primary-white:#ffffff;--off-white:#fafbfc;--soft-white:#f8f9fa;--subtle-gray:#f1f3f5;--light-gray:#e9ecef;--border-gray:#dee2e6;--medium-gray:#adb5bd;--text-gray:#495057;--dark-text:#212529;--darker-text:#0c0e10;--accent-blue:#0b76ff;--accent-blue-light:#3aa0ff;--accent-green:#00d26a;--accent-teal:#00c9b7;--gradient-blue:linear-gradient(135deg, #0b76ff 0%, #3aa0ff 100%);--gradient-export:linear-gradient(135deg, #0b76ff 0%, #00c9b7 100%);--shadow-xs:0 1px 2px rgba(0, 0, 0, 0.04);--shadow-sm:0 2px 4px rgba(0, 0, 0, 0.06);--shadow-md:0 3px 8px rgba(0, 0, 0, 0.08);--shadow-lg:0 6px 16px rgba(0, 0, 0, 0.10);--shadow-accent:0 4px 12px rgba(11, 118, 255, 0.16);--space-xs:4px;--space-sm:6px;--space-md:10px;--space-lg:14px;--space-xl:18px;--space-2xl:24px;--space-3xl:32px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--radius-full:9999px;--timing-fast:0.15s cubic-bezier(0.4, 0, 0.2, 1);--timing-normal:0.2s cubic-bezier(0.4, 0, 0.2, 1);--timing-smooth:0.3s cubic-bezier(0.4, 0, 0.2, 1);--sidebar-width:280px;--sidebar-collapsed:60px}.export-main{margin-left:var(--sidebar-width);padding:var(--space-xl) var(--space-lg);min-height:calc(100vh - 68px);background:var(--off-white);transition:margin-left var(--timing-smooth)}.main-nav.collapsed~button#nav-toggle~.export-main{margin-left:var(--sidebar-collapsed)}.export-header{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:var(--radius-lg);padding:var(--space-2xl);margin-bottom:var(--space-xl);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:all var(--timing-normal)}.export-header::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-export)}.export-header:hover{box-shadow:var(--shadow-md);border-color:var(--accent-blue-light)}.export-header .container{max-width:100%}.export-header h1{font-size:1.5rem;font-weight:700;color:var(--darker-text);letter-spacing:-.01em;line-height:1.3;margin:0 0 var(--space-sm) 0;background:var(--gradient-export);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.export-header p{font-size:.875rem;font-weight:500;color:var(--text-gray);line-height:1.5;margin:0}.export-container{max-width:900px;margin:0 auto}.export-card{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:var(--radius-lg);padding:var(--space-2xl);box-shadow:var(--shadow-sm);transition:all var(--timing-normal);position:relative;overflow:hidden}.export-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gradient-export)}.export-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent-blue-light)}.export-card h2{font-size:1.125rem;font-weight:700;color:var(--darker-text);text-transform:uppercase;letter-spacing:.04em;margin:0 0 var(--space-2xl) 0;padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-gray)}.form-group{margin-bottom:var(--space-2xl)}.form-group>label{display:block;font-size:.8125rem;font-weight:700;color:var(--darker-text);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-md)}.hint{display:block;font-size:.75rem;color:var(--text-gray);font-weight:500;margin-top:var(--space-sm)}.radio-row{display:flex;flex-direction:column;gap:var(--space-md)}.radio-row label{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--soft-white);border:2px solid var(--border-gray);border-radius:var(--radius-md);cursor:pointer;transition:all var(--timing-normal);font-size:.875rem;font-weight:600;color:var(--dark-text)}.radio-row label:hover{background:var(--primary-white);border-color:var(--accent-blue-light);transform:translateX(4px)}.radio-row input[type="radio"]{width:20px;height:20px;cursor:pointer;accent-color:var(--accent-blue)}.radio-row label:has(input:checked){background:rgb(11 118 255 / .08);border-color:var(--accent-blue);box-shadow:0 0 0 3px rgb(11 118 255 / .1)}.checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.checkbox-grid label{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--soft-white);border:1px solid var(--border-gray);border-radius:var(--radius-md);cursor:pointer;transition:all var(--timing-normal);font-size:.8125rem;font-weight:600;color:var(--dark-text)}.checkbox-grid label:hover{background:var(--primary-white);border-color:var(--accent-blue-light);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.checkbox-grid input[type="checkbox"]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-blue)}.checkbox-grid label:has(input:checked){background:rgb(11 118 255 / .08);border-color:var(--accent-blue)}.date-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.date-row>div{display:flex;flex-direction:column;gap:var(--space-sm)}.date-row label{font-size:.75rem;font-weight:700;color:var(--text-gray);text-transform:uppercase;letter-spacing:.04em}.date-row input[type="date"]{width:100%;padding:var(--space-md) var(--space-lg);border:1px solid var(--border-gray);border-radius:var(--radius-md);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto',sans-serif;font-size:.8125rem;font-weight:600;color:var(--darker-text);background:var(--primary-white);transition:all var(--timing-normal);box-shadow:var(--shadow-xs)}.date-row input[type="date"]:hover{border-color:var(--accent-blue-light)}.date-row input[type="date"]:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px rgb(11 118 255 / .1)}#exportFilename{width:100%;padding:var(--space-md) var(--space-lg);border:1px solid var(--border-gray);border-radius:var(--radius-md);font-family:'Courier New',monospace;font-size:.875rem;font-weight:600;color:var(--darker-text);background:var(--primary-white);transition:all var(--timing-normal);box-shadow:var(--shadow-xs);letter-spacing:.02em}#exportFilename:hover{border-color:var(--accent-blue-light)}#exportFilename:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px rgb(11 118 255 / .1)}.export-status{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-xl);background:rgb(11 118 255 / .06);border:1px solid var(--accent-blue-light);border-radius:var(--radius-md);margin-bottom:var(--space-xl)}.export-status span{font-size:.875rem;font-weight:600;color:var(--accent-blue)}.spinner{width:24px;height:24px;border:3px solid var(--accent-blue-light);border-top-color:var(--accent-blue);border-radius:var(--radius-full);animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.button-row{display:flex;gap:var(--space-md);margin-top:var(--space-2xl);padding-top:var(--space-2xl);border-top:1px solid var(--border-gray)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-2xl);border-radius:var(--radius-md);border:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto',sans-serif;font-weight:700;font-size:.875rem;cursor:pointer;transition:all var(--timing-normal);user-select:none;min-height:48px;white-space:nowrap;letter-spacing:.01em;text-decoration:none}.btn-primary{background:var(--gradient-export);color:var(--primary-white);box-shadow:var(--shadow-accent)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgb(11 118 255 / .24)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-light{background:var(--primary-white);color:var(--text-gray);border:1px solid var(--border-gray);box-shadow:var(--shadow-xs)}.btn-light:hover{background:var(--soft-white);border-color:var(--accent-blue);color:var(--accent-blue);transform:translateY(-1px);box-shadow:var(--shadow-sm)}@media (max-width:768px){.export-main{margin-left:0;padding:var(--space-md)}.export-header{padding:var(--space-xl) var(--space-lg)}.export-header h1{font-size:1.25rem}.export-card{padding:var(--space-xl)}.checkbox-grid{grid-template-columns:1fr}.date-row{grid-template-columns:1fr}.button-row{flex-direction:column}.btn{width:100%}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.export-card{animation:fadeIn 0.3s ease-out}[hidden]{display:none!important}.export-main{margin-left:var(--sidebar-width);padding-top:calc(68px + var(--space-xl));padding-left:var(--space-lg);padding-right:var(--space-lg);padding-bottom:var(--space-xl);min-height:calc(100vh - 68px);background:var(--off-white);transition:margin-left var(--timing-smooth);padding-top:75px}