:root{--color-primary:#3498db;--color-primary-dark:#2980b9;--color-primary-darker:#1f6391;--color-primary-light:rgba(52,152,219,0.1);--color-secondary:#2c3e50;--color-secondary-light:#34495e;--color-secondary-darker:#1a252f;--color-success:#27ae60;--color-success-light:rgba(39,174,96,0.1);--color-danger:#dc3545;--color-danger-light:rgba(220,53,69,0.1);--color-warning:#f39c12;--color-warning-light:rgba(243,156,18,0.1);--color-info:#17a2b8;--color-text-primary:#2c3e50;--color-text-secondary:#595c64;--color-text-muted:#9ca3af;--color-text-light:#6b7280;--color-bg-primary:#ffffff;--color-bg-secondary:#f8f9fa;--color-bg-tertiary:#f3f4f6;--color-bg-dark:#e9ecef;--color-border:#e9ecef;--color-border-light:#f0f0f0;--color-border-dark:#cbd5e1;--color-admin-primary:#667eea;--color-admin-secondary:#764ba2;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--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-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.6;--line-height-loose:1.8;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--radius-2xl:30px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 12px rgba(0,0,0,0.08);--shadow-lg:0 10px 30px rgba(0,0,0,0.1);--shadow-xl:0 20px 40px rgba(0,0,0,0.15);--gradient-primary:linear-gradient(135deg,#3498db,#2980b9);--gradient-header:linear-gradient(135deg,#2c3e50,#3498db);--gradient-admin:linear-gradient(135deg,#667eea,#764ba2);--gradient-success:linear-gradient(135deg,#27ae60,#1e8449);--gradient-danger:linear-gradient(135deg,#dc3545,#c0392b);--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--z-dropdown:100;--z-sticky:500;--z-fixed:1000;--z-modal-backdrop:9998;--z-modal:9999;--z-tooltip:10000}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding-top:70px}.btn-export{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;background:#ffffff;color:#3498db;border:1.5px solid #3498db;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-export:hover{background:#3498db;color:#ffffff}.btn-export:active{transform:scale(.98)}.btn-export.btn-locked,.btn-locked{background:#f8fafc;color:#94a3b8;border-color:#e2e8f0;cursor:pointer;position:relative}.btn-export.btn-locked:hover,.btn-locked:hover{background:#f1f5f9;color:#64748b;border-color:#cbd5e1}.btn-locked .lock-icon{width:14px;height:14px;opacity:.7;flex-shrink:0}.btn-export-locked-premium{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#64748b;border:1.5px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;position:relative;overflow:hidden}.btn-export-locked-premium:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,transparent,transparent 4px,rgba(148,163,184,.05) 0,rgba(148,163,184,.05) 8px);pointer-events:none}.btn-export-locked-premium:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#cbd5e1}.btn-locked-tooltip{position:relative}.btn-locked-tooltip:after{content:attr(data-tooltip);bottom:calc(100% + 8px);padding:8px 12px;background:#1e293b;color:#f8fafc;font-size:12px;font-weight:500;border-radius:6px;white-space:nowrap}.btn-locked-tooltip:after,.btn-locked-tooltip:before{position:absolute;left:50%;transform:translateX(-50%);opacity:0;visibility:hidden;transition:all .15s ease;pointer-events:none;z-index:100}.btn-locked-tooltip:before{content:"";bottom:calc(100% + 2px);border:6px solid transparent;border-top-color:#1e293b}.btn-locked-tooltip:hover:after,.btn-locked-tooltip:hover:before{opacity:1;visibility:visible}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-primary{background:#1e293b;color:#ffffff}.btn-primary:hover{background:#0f172a}.btn-secondary{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.btn-secondary:hover{background:#e2e8f0;border-color:#cbd5e1}.locked-content-overlay{position:relative}.locked-content-overlay:after{content:"";position:absolute;inset:0;background:rgba(248,250,252,.8);backdrop-filter:blur(2px);border-radius:inherit;pointer-events:none}.locked-content-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 24px;background:#ffffff;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.1);z-index:10;pointer-events:auto}.locked-content-badge svg{width:24px;height:24px;color:#64748b}.locked-content-badge span{font-size:13px;font-weight:600;color:#475569}input:disabled,select:disabled,textarea:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed;border-color:#e2e8f0}.btn-export:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn:focus-visible{outline:2px solid #3498db;outline-offset:2px}.btn-locked:focus-visible{outline:2px solid #64748b;outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #3498db;outline-offset:0;border-color:#3498db}a:focus-visible{outline:2px solid #3498db;outline-offset:2px;border-radius:2px}a:focus:not(:focus-visible),button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){outline:none}.skip-link{position:absolute;top:-40px;left:0;padding:8px 16px;background:#2c3e50;color:white;text-decoration:none;font-weight:600;z-index:10000;transition:top .2s ease}.skip-link:focus{top:0}.text-muted{color:#64748b}.text-locked{color:#94a3b8}.opacity-locked{opacity:.6}