*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:100%;line-height:1.6}body{background-color:var(--form-background);color:var(--text-color)}:root{--background-gradient: linear-gradient(90deg, #ffffff, #f7f7f7);--text-color: #000000;--subtext-color: #666666;--form-background: #ffffff;--form-border: #cccccc;--input-background: #f2f2f2;--headerstat-background: #e0e0e0;--input-border: #cccccc;--button-background: #4caf50;--button-hover: #005a8e;--link-color: #0078d4;--link-hover: #0056b3;--loader-bg: rgba(50, 150, 255, .2);--loader-fill: rgba(46, 0, 250, 1);--option-hover: #e0e0e0;--button-color: white;--hover-toggledarkmode: gray;--bg-container: #ffffff;--bg-summary: #f3f4f6;--text-summary: #374151;--shadow-summary: rgba(0, 0, 0, .05);--thead-bg: linear-gradient(90deg, #2563eb, #1d4ed8);--thead-text: #ffffff;--thead-shadow: rgba(0, 0, 0, .1);--tbody-hover: #eef2ff;--badge-ok-bg: #dcfce7;--badge-ok-color: #166534;--badge-error-bg: #fee2e2;--badge-error-color: #991b1b;--btn-bg: #2563eb;--btn-bg-hover: #1d4ed8;--btn-text: #ffffff;--row-red: #e5cbcb;--shadow-container: rgba(0, 0, 0, .08);--headerbox-drag-color: #2c3e50;--header-shadow: 0 2px 4px rgba(0, 0, 0, .1);--span: #000000;--nav: #000000}[data-theme=dark]{--background-gradient: linear-gradient(90deg, #101010, #1f1f1f);--text-color: #ffffff;--subtext-color: #b3b3b3;--form-background: #1f1f1f;--form-border: #f3ba2f;--input-background: #333333;--input-border: #444444;--button-background: #f3ba2f;--button-hover: #ffe082;--link-color: #f3ba2f;--link-hover: #ffe082;--span: white;--nav: white;--highlight-color: white;--border-color: rgba(255, 255, 255, .1);--loader-bg: rgba(50, 150, 255, .2);--loader-fill: rgba(46, 0, 250, 1);--progress-color: #00aaff;--upload-bg-gradient: linear-gradient(145deg, #121212, #1a1a1a);--option-hover: #3a3d47;--button-color: black;--hover-toggledarkmode: white;--bg-container: #1f2937;--bg-summary: #374151;--text-summary: #f3f4f6;--shadow-summary: rgba(0, 0, 0, .2);--thead-bg: linear-gradient(90deg, #3b82f6, #2563eb);--thead-text: #f3f4f6;--thead-shadow: rgba(0, 0, 0, .2);--tbody-hover: #2563eb33;--badge-ok-bg: #16653433;--badge-ok-color: #dcfce7;--badge-error-bg: #991b1b33;--badge-error-color: #fee2e2;--btn-bg: #1e40af;--btn-bg-hover: #1d4ed8;--btn-text: #f3f4f6;--row-red: #7f1d1d33;--shadow-container: rgba(0, 0, 0, .5);--headerbox-drag-color: #ecf0f1;--header-shadow: 0 2px 4px rgba(0, 0, 0, .3)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:all .3s ease}.btn-primary{background-color:var(--btn-bg);color:var(--btn-text)}.btn-primary:hover{background-color:var(--btn-bg-hover);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.card{background:var(--bg-container);border-radius:8px;box-shadow:0 2px 10px var(--shadow-container);padding:20px;margin:20px 0;color:var(--text-color)}button.theme-toggle{background:none;color:var(--text-color);cursor:pointer;border:none;padding:.5rem;font-size:1.5rem;transition:all .3s ease;border-radius:4px}button.theme-toggle:hover{background-color:var(--hover-toggledarkmode);color:var(--form-background)}