*{box-sizing:border-box}:root{--color-bg-primary:#f5f5f5;--color-bg-secondary:#fff;--color-bg-tertiary:#f8f9fa;--color-text-primary:#333;--color-text-secondary:#666;--color-text-muted:#999;--color-border:#e0e0e0;--color-border-light:#eee;--color-accent:#667eea;--color-accent-hover:#5a6fd6;--color-accent-gradient:linear-gradient(135deg,#667eea,#764ba2);--color-success:#4caf50;--color-error:#f44336;--color-warning:#ff9800;--btn-primary-bg:linear-gradient(135deg,#667eea,#764ba2);--btn-primary-color:#fff;--btn-primary-disabled-bg:#ccc;--btn-primary-disabled-color:#999;--btn-secondary-bg:#fff;--btn-secondary-color:#333;--btn-secondary-border:#ddd;--btn-secondary-disabled-bg:#f5f5f5;--btn-secondary-disabled-color:#999;--card-bg:#fff;--card-border:#e0e0e0;--card-shadow:0 2px 8px rgba(0,0,0,.1);--card-hover-shadow:0 4px 16px rgba(102,126,234,.2);--input-bg:#fff;--input-border:#ddd;--input-focus-border:#667eea;--input-text:#333;--input-placeholder:#999;--modal-bg:#fff;--modal-overlay:rgba(0,0,0,.5);--modal-shadow:0 20px 40px rgba(0,0,0,.2);--scrollbar-thumb:#b8c1ea;--scrollbar-thumb-hover:#8fa2e8;--scrollbar-track:#e9edf8;--icon-color:#333;--icon-hover-color:#667eea;--header-bg:linear-gradient(135deg,#667eea,#764ba2);--header-text:#fff;--footer-bg:#333;--footer-text:#fff}html.dark{--color-bg-primary:#1a1a2e;--color-bg-secondary:#16213e;--color-bg-tertiary:#0f3460;--color-text-primary:#eee;--color-text-secondary:#aaa;--color-text-muted:#666;--color-border:#0f3460;--color-border-light:#1a2744;--color-accent:#667eea;--color-accent-hover:#7b8ef0;--color-accent-gradient:linear-gradient(135deg,#4b62c8,#5d3f85);--btn-primary-bg:linear-gradient(135deg,#4b62c8,#5d3f85);--btn-primary-color:#f5f7ff;--btn-primary-disabled-bg:#1a1a2e;--btn-primary-disabled-color:#777;--btn-secondary-bg:#16213e;--btn-secondary-color:#eee;--btn-secondary-border:#0f3460;--btn-secondary-disabled-bg:#1a1a2e;--btn-secondary-disabled-color:#666;--card-bg:#16213e;--card-border:#0f3460;--card-shadow:0 2px 8px rgba(0,0,0,.3);--card-hover-shadow:0 4px 16px rgba(102,126,234,.15);--input-bg:#1a1a2e;--input-border:#0f3460;--input-focus-border:#667eea;--input-text:#eee;--input-placeholder:#666;--modal-bg:#16213e;--modal-overlay:rgba(0,0,0,.7);--modal-shadow:0 20px 40px rgba(0,0,0,.4);--scrollbar-thumb:#3f5aa8;--scrollbar-thumb-hover:#667eea;--scrollbar-track:#141d34;--icon-color:#eee;--icon-hover-color:#667eea;--header-bg:linear-gradient(135deg,#4b62c8,#5d3f85);--header-text:#f5f7ff;--footer-bg:#0f172a;--footer-text:#aaa}body{background:var(--color-bg-primary);color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.5;margin:0;transition:background .2s ease,color .2s ease}*{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:5px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:2px solid var(--scrollbar-track);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s ease}.btn:disabled{cursor:not-allowed}.btn--primary{background:var(--btn-primary-bg);border:none;color:var(--btn-primary-color)}.btn--primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.btn--primary:disabled{background:var(--btn-primary-disabled-bg);border:1px solid var(--color-border);color:var(--btn-primary-disabled-color)}.btn--secondary{background:var(--btn-secondary-bg);border:1px solid var(--btn-secondary-border);color:var(--btn-secondary-color)}.btn--secondary:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.btn--secondary:disabled{background:var(--btn-secondary-disabled-bg);color:var(--btn-secondary-disabled-color)}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;box-shadow:var(--card-shadow)}.input{background:var(--input-bg);border:1px solid var(--input-border);border-radius:6px;color:var(--input-text);font-size:14px;padding:10px 14px;transition:border-color .2s ease}.input:focus{border-color:var(--input-focus-border);outline:none}.input::-moz-placeholder{color:var(--input-placeholder)}.input::placeholder{color:var(--input-placeholder)}.modal-overlay{align-items:center;background:var(--modal-overlay);display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.modal{background:var(--modal-bg);border-radius:12px;box-shadow:var(--modal-shadow);display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.modal__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:12px;padding:16px 20px}.modal__header h3{color:var(--color-text-primary);font-size:18px;margin:0}.modal__close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:24px;line-height:1;margin-left:auto;padding:0}.modal__close:hover{color:var(--color-text-primary)}.modal__body{flex:1;overflow-y:auto;padding:16px 20px}