.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-primary);position:relative}.theme-toggle-login{position:absolute;top:24px;right:24px;width:48px;height:48px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);z-index:10}.theme-toggle-login:hover{background:var(--bg-secondary);border-color:var(--border-hover);color:var(--accent-primary);transform:rotate(15deg)}.login-card{width:100%;max-width:440px;background:var(--bg-card);border-radius:var(--radius-xl);padding:40px;box-shadow:var(--shadow-xl);border:1px solid var(--border-color)}:root[data-theme=light] .login-card{box-shadow:0 20px 40px -8px #00000026}.login-header{text-align:center;margin-bottom:32px}.login-header .logo{display:flex;justify-content:center;margin-bottom:20px}.login-header h1{font-size:28px;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.login-header p{color:var(--text-muted);font-size:14px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--text-secondary)}.form-group input{width:100%;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px}.form-group input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #38bdf81a}.form-group input::placeholder{color:var(--text-muted)}.login-card form button{width:100%;margin-top:8px;padding:12px}.error-message{margin-top:16px;padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--error);font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px;animation:shake .4s ease-in-out}.error-message svg{flex-shrink:0}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}.login-footer{margin-top:24px;text-align:center;padding-top:24px;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:12px}.sidebar{background:var(--bg-card);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;position:sticky;top:0}:root[data-theme=light] .sidebar{box-shadow:var(--shadow-md)}.sidebar-header{padding:24px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:12px}.logo-mini{flex-shrink:0}.brand{display:flex;flex-direction:column;gap:2px}.brand-title{font-size:18px;font-weight:700;color:var(--text-primary)}.brand-sub{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.sidebar-nav{flex:1;overflow-y:auto;padding:16px}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.nav-section{margin-bottom:24px}.nav-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);padding:8px 12px;margin-bottom:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;font-weight:500;width:100%;text-align:left;transition:var(--transition)}.nav-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.nav-item.active{background:linear-gradient(135deg,#38bdf826,#818cf826);color:var(--accent-primary);font-weight:600}.nav-icon{font-size:18px;flex-shrink:0}.nav-text{flex:1}.sidebar-footer{padding:16px;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px}.btn-theme,.btn-logout{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);font-size:14px;font-weight:500;transition:var(--transition)}.btn-theme:hover{background:var(--bg-secondary);border-color:var(--border-hover);color:var(--accent-primary)}.btn-logout:hover{background:var(--bg-secondary);border-color:var(--border-hover);color:var(--error)}.filters-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:20px;animation:fadeIn .3s ease}:root[data-theme=light] .filters-panel{box-shadow:var(--shadow-sm)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.filter-field{display:flex;flex-direction:column;gap:8px}.filter-field label{font-size:13px;font-weight:500;color:var(--text-secondary)}.filter-field input{width:100%;padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px}.filter-field input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #38bdf826;transform:scale(1.01)}.filter-field input::placeholder{color:var(--text-muted)}.filters-actions{display:flex;gap:12px;padding-top:4px}.filters-actions button{padding:10px 24px;transition:all .2s ease}.filters-actions button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.filters-actions button:active{transform:translateY(0)}@media (max-width: 768px){.filters-grid{grid-template-columns:1fr}.filters-actions{flex-direction:column}.filters-actions button{width:100%}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .25s ease}:root[data-theme=light] .modal-overlay{background:#0f172a99}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color)}.modal-header h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.modal-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:var(--transition)}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary);transform:rotate(90deg)}.modal-close:active{transform:rotate(90deg) scale(.9)}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-body::-webkit-scrollbar{width:10px}.modal-body::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}.modal-body::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:10px;transition:background .2s}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}.modal-body{scrollbar-width:thin;scrollbar-color:var(--accent-primary) var(--bg-secondary)}.modal-loading,.modal-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:16px;color:var(--text-muted)}.modal-error{color:var(--error)}.modal-data{display:flex;flex-direction:column;gap:12px;animation:fadeIn .3s ease .1s both}.modal-field{display:flex;gap:12px;padding:12px;background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:13px;transition:all .2s ease}.modal-field:hover{background:var(--bg-secondary);transform:translate(4px);box-shadow:0 2px 4px #0000001a}.modal-label{color:var(--text-muted);font-weight:500;min-width:120px;flex-shrink:0}.modal-value{color:var(--text-primary);word-break:break-word;flex:1}.modal-image{display:flex;align-items:center;justify-content:center;padding:8px;background:var(--bg-secondary);border-radius:var(--radius-md);animation:fadeIn .3s ease}.modal-image img{max-width:200px;max-height:200px;object-fit:contain;border-radius:var(--radius-sm);transition:opacity .3s ease,transform .3s ease}.modal-image img:hover{transform:scale(1.1);cursor:pointer}.modal-preview{display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-secondary);border-radius:var(--radius-lg);margin-bottom:20px;animation:fadeInScale .4s ease}.modal-preview img{max-width:300px;max-height:300px;object-fit:contain;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);transition:transform .3s ease,box-shadow .3s ease}.modal-preview img:hover{transform:scale(1.05);box-shadow:var(--shadow-xl);cursor:pointer}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.data-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}:root[data-theme=light] .data-container{box-shadow:var(--shadow-sm)}.view-toggle{display:flex;gap:0;padding:16px;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary)}.view-toggle button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:1px solid var(--border-color);color:var(--text-muted);font-size:13px;font-weight:500;transition:var(--transition)}.view-toggle button:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md);border-right:none}.view-toggle button:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.view-toggle button:hover{background:var(--bg-secondary);color:var(--text-primary)}.view-toggle button.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.table-wrapper{overflow-x:auto;max-height:600px;overflow-y:auto;animation:fadeIn .3s ease}.table-wrapper::-webkit-scrollbar{width:10px;height:10px}.table-wrapper::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}.table-wrapper::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:10px;transition:background .2s}.table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}.table-wrapper::-webkit-scrollbar-corner{background:var(--bg-secondary)}.table-wrapper{scrollbar-width:thin;scrollbar-color:var(--accent-primary) var(--bg-secondary)}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table thead{position:sticky;top:0;z-index:10;background:var(--bg-secondary)}.data-table th{padding:14px 16px;text-align:left;font-weight:600;color:var(--text-secondary);border-bottom:2px solid var(--border-color);white-space:nowrap}.data-table tbody tr{border-bottom:1px solid var(--border-color);transition:all .2s ease}.data-table tbody tr:hover{background:var(--bg-tertiary);transform:scale(1.005);box-shadow:0 2px 4px #0000001a}.data-table tbody tr:last-child{border-bottom:none}.data-table td{padding:12px 16px;color:var(--text-primary);vertical-align:top;max-width:400px;overflow:hidden;text-overflow:ellipsis}.image-cell{display:flex;align-items:center;gap:12px;max-width:100%}.image-cell img{width:64px;height:64px;object-fit:contain;border-radius:var(--radius-sm);background:var(--bg-tertiary);border:2px solid var(--border-color);flex-shrink:0;transition:all .3s ease;padding:4px}.image-cell img:hover{transform:scale(2);box-shadow:0 12px 24px #0006;z-index:100;position:relative;border-color:var(--accent-primary)}.image-cell img:active{transform:scale(2.5)}.image-url{font-size:11px;color:var(--text-muted);font-family:Courier New,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px;display:none}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:24px;animation:fadeIn .3s ease}.data-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition);box-shadow:var(--shadow-sm)}.data-card:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:var(--shadow-xl)}.data-card:active{transform:translateY(-2px)}:root[data-theme=light] .data-card{box-shadow:var(--shadow-md)}:root[data-theme=light] .data-card:hover{box-shadow:var(--shadow-xl)}.card-image{width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center}.card-image img{width:100%;height:100%;object-fit:contain;padding:16px}.card-content{padding:16px;display:flex;flex-direction:column;gap:10px}.card-field{display:flex;gap:8px;font-size:13px;line-height:1.4}.card-label{color:var(--text-muted);font-weight:500;min-width:80px;flex-shrink:0}.card-value{color:var(--text-primary);word-break:break-word}.lightbox{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:root[data-theme=light] .lightbox{background:#0f172aeb}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:16px;animation:zoomIn .3s ease}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.lightbox-content img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}.lightbox-close{position:absolute;top:-48px;right:0;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.lightbox-close:hover{background:#fff3;transform:rotate(90deg)}.lightbox-url{background:#ffffff1a;padding:8px 16px;border-radius:var(--radius-md);color:var(--text-muted);font-size:12px;font-family:Courier New,monospace;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.id-chips{display:flex;flex-wrap:wrap;gap:6px}.id-chip{background:var(--accent-primary);color:#fff;border:none;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;cursor:pointer;transition:var(--transition);white-space:nowrap}.id-chip:hover{background:var(--accent-hover);transform:translateY(-1px) scale(1.05);box-shadow:0 4px 8px #0000004d}.id-chip:active{transform:translateY(0) scale(1)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.id-chip:focus{animation:pulse .3s ease;outline:2px solid var(--accent-secondary);outline-offset:2px}.json-view{padding:24px;background:var(--bg-tertiary);color:var(--text-primary);font-family:Courier New,monospace;font-size:13px;line-height:1.6;overflow-x:auto;max-height:600px}.json-view::-webkit-scrollbar{width:10px;height:10px}.json-view::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}.json-view::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:10px}.json-view::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}.json-view{scrollbar-width:thin;scrollbar-color:var(--accent-primary) var(--bg-secondary)}@media (max-width: 768px){.data-table{font-size:12px}.data-table th,.data-table td{padding:10px 12px}.image-cell{flex-direction:column;align-items:flex-start}.cards-grid{grid-template-columns:1fr;padding:16px}.view-toggle{flex-wrap:wrap}}.pagination{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-top:20px;gap:20px;flex-wrap:wrap;animation:slideUp .3s ease;box-shadow:var(--shadow-sm)}:root[data-theme=light] .pagination{box-shadow:var(--shadow-md)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pagination-info{font-size:14px;color:var(--text-muted);font-weight:500}.pagination-controls{display:flex;align-items:center;gap:6px}.pagination-btn{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 8px #0003}.pagination-btn:active:not(:disabled){transform:translateY(0)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-btn.active{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-color:transparent;color:#fff;font-weight:700;box-shadow:0 2px 8px #38bdf866}.pagination-dots{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;color:var(--text-muted);font-size:14px;font-weight:700;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.pagination{flex-direction:column;gap:16px}.pagination-controls{width:100%;justify-content:center;flex-wrap:wrap}.pagination-btn{min-width:32px;height:32px;font-size:13px}}.entity-view{display:flex;flex-direction:column;gap:24px}.entity-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}.entity-header h1{font-size:32px;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.entity-endpoint{font-size:13px;color:var(--text-muted);font-family:Courier New,monospace;background:var(--bg-tertiary);padding:4px 8px;border-radius:6px;display:inline-block}.entity-stats{display:flex;gap:12px;flex-wrap:wrap}.stat-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px}.stat-label{color:var(--text-muted);font-weight:500}.stat-value{color:var(--accent-primary);font-weight:700}@media (max-width: 768px){.entity-header{flex-direction:column}.entity-header h1{font-size:24px}}.dashboard{display:grid;grid-template-columns:280px 1fr;min-height:100vh;background:var(--bg-primary)}.dashboard-content{padding:32px;overflow-y:auto;max-height:100vh}.dashboard-content::-webkit-scrollbar{width:10px}.dashboard-content::-webkit-scrollbar-track{background:transparent}.dashboard-content::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:10px}.dashboard-content::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}@media (max-width: 1024px){.dashboard{grid-template-columns:240px 1fr}.dashboard-content{padding:24px}}@media (max-width: 768px){.dashboard{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:-280px;height:100vh;z-index:1000;transition:left .3s ease}.sidebar.open{left:0}}:root[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #0b1220;--bg-card: #111827;--text-primary: #e2e8f0;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--accent-primary: #38bdf8;--accent-secondary: #818cf8;--accent-hover: #0ea5e9;--border-color: #1f2937;--border-hover: #374151;--success: #10b981;--error: #ef4444;--warning: #f59e0b;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1)}:root[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-tertiary: #ffffff;--bg-card: #ffffff;--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #64748b;--accent-primary: #0ea5e9;--accent-secondary: #6366f1;--accent-hover: #0284c7;--border-color: #e2e8f0;--border-hover: #cbd5e1;--success: #10b981;--error: #ef4444;--warning: #f59e0b;--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1)}:root{--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--transition: all .2s ease}:root:not([data-theme]){--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #0b1220;--bg-card: #111827;--text-primary: #e2e8f0;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--accent-primary: #38bdf8;--accent-secondary: #818cf8;--accent-hover: #0ea5e9;--border-color: #1f2937;--border-hover: #374151;--success: #10b981;--error: #ef4444;--warning: #f59e0b;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1)}*{box-sizing:border-box;margin:0;padding:0}html,*{scroll-behavior:smooth}html{transition:background-color .3s ease}.sidebar,.sidebar-header,.sidebar-nav,.sidebar-footer,.nav-item,.login-card,.login-screen,.filters-panel,.data-container,.data-card,.entity-view,input,button,.table-wrapper,.view-toggle button{transition-property:background-color,border-color,color,box-shadow;transition-duration:.3s;transition-timing-function:ease}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-primary),var(--accent-secondary));border-radius:10px;transition:all .3s ease;border:2px solid var(--bg-secondary)}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--accent-hover),var(--accent-primary));border:2px solid var(--bg-primary)}*::-webkit-scrollbar-thumb:active{background:var(--accent-primary)}*::-webkit-scrollbar-corner{background:var(--bg-secondary)}*{scrollbar-width:thin;scrollbar-color:var(--accent-primary) var(--bg-secondary)}#root{min-height:100vh}input,button,select,textarea{font-family:inherit;font-size:inherit}button{cursor:pointer;border:none;outline:none;transition:var(--transition)}input{outline:none;transition:var(--transition)}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;padding:10px 20px;border-radius:var(--radius-md);font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:8px;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-secondary);color:var(--text-secondary);padding:10px 20px;border-radius:var(--radius-md);font-weight:600;font-size:14px;border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--accent-primary);border-right-color:var(--accent-secondary);border-radius:50%;animation:spin .8s cubic-bezier(.68,-.55,.265,1.55) infinite}@keyframes spin{0%{transform:rotate(0);border-top-color:var(--accent-primary);border-right-color:var(--accent-secondary)}50%{border-top-color:var(--accent-secondary);border-right-color:var(--accent-primary)}to{transform:rotate(360deg);border-top-color:var(--accent-primary);border-right-color:var(--accent-secondary)}}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px;color:var(--text-muted);animation:fadeIn .4s ease}.error-state{color:var(--error)}.error-state svg,.empty-state svg{opacity:.5;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}