:root{--bg-primary: #f5f9fa;--bg-secondary: #ffffff;--text-primary: #2c3e50;--text-secondary: #5d7a8c;--border-color: #e0e7eb;--card-bg: #ffffff;--card-shadow: 0 4px 12px rgba(0, 0, 0, .05);--button-primary: #0891b2;--button-primary-rgb: 8, 145, 178;--button-primary-hover: #0e7490;--button-danger: #e76f51;--button-danger-rgb: 231, 111, 81;--button-danger-hover: #d56145;--button-text: #ffffff;--button-secondary-bg: #e0e7eb;--button-secondary-text: #2c3e50;--button-secondary-hover: #d1dce2;--button-blue: #06b6d4;--button-blue-hover: #0891b2;--spinner-bg: #f3f3f3;--spinner-fg: #0891b2;--input-bg: #ffffff;--input-text: #2c3e50;--input-placeholder: #8da9b9;--card-front-bg: #ffffff;--card-back-bg: #0891b2;--card-text: #2c3e50;--card-text-light: #ffffff;--header-bg: #ffffff;--toast-bg: rgba(255, 255, 255, .95);--toast-text: #2c3e50;--toast-shadow: 0 4px 12px rgba(0, 0, 0, .1);--gradient-start: #0891b2;--gradient-middle: #06b6d4;--gradient-end: #22d3ee;--focus-ring: rgba(8, 145, 178, .25);--success-color: #10b981;--success-color-rgb: 16, 185, 129}[data-theme=dark]{--bg-primary: #121212;--bg-secondary: #1e1e1e;--text-primary: #f0f0f0;--text-secondary: #a0a0a0;--border-color: #333333;--card-bg: #1e1e1e;--card-shadow: 0 4px 12px rgba(0, 0, 0, .3);--button-primary: #0891b2;--button-primary-rgb: 8, 145, 178;--button-primary-hover: #0e7490;--button-danger: #e76f51;--button-danger-rgb: 231, 111, 81;--button-danger-hover: #d56145;--button-text: #ffffff;--button-secondary-bg: #2d2d2d;--button-secondary-text: #e0e0e0;--button-secondary-hover: #3d3d3d;--button-blue: #06b6d4;--button-blue-hover: #0891b2;--spinner-bg: #2d2d2d;--spinner-fg: #0891b2;--input-bg: #2d2d2d;--input-text: #f0f0f0;--input-placeholder: #808080;--card-front-bg: #2d2d2d;--card-back-bg: #0891b2;--card-text: #f0f0f0;--card-text-light: #ffffff;--header-bg: #1e1e1e;--toast-bg: rgba(30, 30, 30, .95);--toast-text: #f0f0f0;--toast-shadow: 0 4px 12px rgba(0, 0, 0, .4);--gradient-start: #0891b2;--gradient-middle: #06b6d4;--gradient-end: #22d3ee;--focus-ring: rgba(8, 145, 178, .4);--success-color: #10b981;--success-color-rgb: 16, 185, 129}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%;margin:0;padding:0;overflow-y:auto!important;overflow-x:hidden;scrollbar-width:auto;scrollbar-color:var(--button-primary) var(--bg-primary)}body{margin:0;padding:0;display:flex;justify-content:center;min-height:100vh;font-family:Inter,Roboto,Segoe UI,system-ui,-apple-system,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;line-height:1.5;position:relative;overflow-y:auto!important}app-root{width:100%;max-width:1200px;margin:0 auto;padding:20px;box-sizing:border-box;display:block;position:relative;min-height:100vh}app-footer{position:relative;bottom:0;width:100%;display:block;margin-top:auto;visibility:hidden;opacity:0;transition:opacity .3s ease}html.ready app-footer{visibility:visible;opacity:1}.app-container{display:flex;flex-direction:column;min-height:100vh}.content{flex:1;display:flex;flex-direction:column}@media (min-width: 1400px){app-root{max-width:100%;padding:20px 180px}}@media (max-width: 1399px){app-root{max-width:100%;padding:20px}}button{cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s ease;position:relative;overflow:hidden}button:disabled{opacity:.6;cursor:not-allowed}button:focus{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}button.primary{background-color:var(--button-primary);color:var(--button-text)}button.primary:hover:not(:disabled){background-color:var(--button-primary-hover);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}button.primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0000001a}button.secondary{background-color:var(--button-secondary-bg);color:var(--button-secondary-text)}button.secondary:hover:not(:disabled){background-color:var(--button-secondary-hover);transform:translateY(-2px);box-shadow:0 4px 8px #0000000d}button.secondary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0000000d}button.danger{background-color:var(--button-danger);color:var(--button-text)}button.danger:hover:not(:disabled){background-color:var(--button-danger-hover);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}button.danger:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0000001a}button.blue{background-color:var(--button-blue);color:var(--button-text)}button.blue:hover:not(:disabled){background-color:var(--button-blue-hover);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}button.blue:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0000001a}input{background-color:var(--input-bg);color:var(--input-text);border:2px solid var(--border-color);border-radius:8px;padding:10px 14px;font-size:14px;transition:all .2s ease;width:100%}input::placeholder{color:var(--input-placeholder)}input:focus{border-color:var(--button-primary);outline:none;box-shadow:0 0 0 3px var(--focus-ring)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin:0 0 1rem;line-height:1.2}h1{font-size:2.5rem;font-weight:700}@media (max-width: 767px){h1{font-size:1.8rem}}h2{font-size:2rem;font-weight:600}@media (max-width: 767px){h2{font-size:1.5rem}}.container{background-color:var(--bg-secondary);color:var(--text-primary);padding:2rem;border-radius:12px;box-shadow:var(--card-shadow)}@media (max-width: 767px){.container{padding:1.5rem}}.header{background-color:var(--header-bg);padding:1.5rem;border-radius:12px;margin-bottom:2rem;box-shadow:var(--card-shadow)}.truncated{position:relative;cursor:pointer}.truncate-tooltip{animation:fadeIn .2s ease-in-out;pointer-events:none;z-index:1000;background-color:var(--bg-secondary);color:var(--text-primary);padding:8px 12px;border-radius:6px;box-shadow:var(--card-shadow);font-size:14px;max-width:300px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.toast-container{position:fixed!important;top:100px!important;right:20px!important;z-index:9999!important;pointer-events:none!important}.toast{pointer-events:auto!important;padding:12px 16px!important;border-radius:8px!important;box-shadow:var(--toast-shadow)!important;margin-bottom:10px!important;max-width:350px!important;animation:slideInRight .3s ease-out!important}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.loading-spinner{width:40px;height:40px;border:4px solid var(--spinner-bg);border-radius:50%;border-top:4px solid var(--spinner-fg);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gradient-text{background:linear-gradient(45deg,var(--gradient-start),var(--gradient-middle),var(--gradient-end));background-clip:text;-webkit-background-clip:text;color:transparent;display:inline-block}html:after{content:"";position:fixed;top:0;right:0;width:16px;height:100%;z-index:9999;pointer-events:none;background:transparent}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:0}::-webkit-scrollbar-thumb{background:var(--button-primary);border:2px solid var(--bg-primary);border-radius:6px;min-height:40px}::-webkit-scrollbar-thumb:hover{background:var(--button-primary-hover)}body::-webkit-scrollbar-track,html::-webkit-scrollbar-track{margin-top:4px;margin-bottom:4px}body::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{border:2px solid var(--bg-primary);background-clip:padding-box;background-color:var(--button-primary);border-radius:6px}::-webkit-scrollbar,::-webkit-scrollbar-button,::-webkit-scrollbar-track,::-webkit-scrollbar-track-piece,::-webkit-scrollbar-thumb,::-webkit-scrollbar-corner,::-webkit-resizer{pointer-events:auto!important}