:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-hover:#475569;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--accent-primary:#3b82f6;--accent-primary-hover:#2563eb;--accent-success:#10b981;--accent-danger:#ef4444;--accent-warning:#f59e0b;--border-color:#334155;--border-light:#475569;--shadow-sm:0 1px 2px 0 #0000004d;--shadow:0 4px 6px -1px #0000004d,0 2px 4px -2px #0000004d;--shadow-md:0 10px 15px -3px #0006,0 4px 6px -4px #0006;--shadow-lg:0 20px 25px -5px #00000080,0 8px 10px -6px #00000080;--shadow-xl:0 25px 30px -5px #0009,0 10px 15px -6px #0009;--radius-sm:6px;--radius:8px;--radius-lg:12px;--radius-xl:16px;--transition-fast:all .15s cubic-bezier(.4,0,.2,1);--transition:all .2s cubic-bezier(.4,0,.2,1);--transition-slow:all .3s cubic-bezier(.4,0,.2,1);--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;color:var(--text-primary);font-weight:600}p{color:var(--text-secondary)}a{color:var(--accent-primary);text-decoration:none}a:hover{color:var(--accent-primary-hover)}button,a,input,select,textarea,div{transition:var(--transition)}::selection{background:var(--accent-primary);color:#fff}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border:2px solid var(--bg-secondary);border-radius:5px}.sidebar-collapse-toggle:hover{transform:scale(1.05);box-shadow:0 6px 16px #3b82f680}.sidebar-collapse-toggle:active{transform:scale(.98)}@media (min-width:769px) and (max-width:1399px){.sidebar-collapse-toggle{display:flex!important}.sidebar-nav:not(.collapsed)~.sidebar-collapse-toggle{left:260px!important}}@media (max-width:768px){.sidebar-collapse-toggle{display:none!important}}@media (min-width:769px){.main-content-dashboard.sidebar-collapsed,.main-content-dashboard.sidebar-collapsed~div[style*=marginLeft]{margin-left:0!important}}@media (max-width:768px){.sidebar-nav{z-index:1000;height:100vh;transition:left .3s ease-in-out;overflow-y:auto;position:fixed!important;left:-300px!important}.sidebar-nav.open{left:0!important}.sidebar-nav.collapsed{left:-300px!important}.main-content-dashboard{flex-direction:column!important;margin-left:0!important;padding:.5rem!important}.gallery-grid{grid-template-columns:repeat(1,1fr)!important;gap:1rem!important}.stat-sidebar{margin-bottom:1rem;width:100%!important;max-width:100%!important;position:relative!important;top:0!important}.page-header{flex-direction:column;gap:.5rem;align-items:flex-start!important;padding:1rem!important}.button-group{flex-wrap:wrap;gap:.5rem;width:100%}.button-group button{flex:auto;min-width:120px}.filter-section{flex-direction:column!important;align-items:flex-start!important}.form-card{padding:1rem!important}.trade-card{padding:.75rem!important}.modal-content{max-height:95vh;overflow-y:auto;width:95vw!important;max-width:95vw!important;margin:.5rem!important;padding:1rem!important}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.stats-grid{grid-template-columns:repeat(1,1fr)!important;gap:.75rem!important}.hide-on-mobile{display:none!important}h1{font-size:clamp(1.5rem,5vw,2rem)!important}h2{font-size:clamp(1.2rem,4vw,1.5rem)!important}}@media (min-width:769px) and (max-width:1024px){.gallery-grid{grid-template-columns:repeat(2,1fr)!important}.main-content-dashboard{padding:1rem!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.sidebar-nav{width:240px!important}.stat-sidebar{width:100%;max-width:300px}}@media (min-width:1025px) and (max-width:1400px){.gallery-grid{grid-template-columns:repeat(2,1fr)!important}}@media (min-width:1401px){.gallery-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:768px){button{min-height:44px;padding:.75rem 1rem}input,select,textarea{min-height:44px;padding:.75rem;font-size:16px!important}a{align-items:center;min-height:44px;display:inline-flex}}.hamburger-menu{z-index:1001;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow-md);color:var(--text-primary);padding:.75rem;font-size:1.5rem;line-height:1;display:none;position:fixed;top:1rem;left:1rem}.hamburger-menu:hover{background:var(--bg-tertiary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}@media (max-width:768px){.hamburger-menu{display:block!important}}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#000000b3;animation:.3s fadeIn;display:none;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.sidebar-overlay.show{display:block}body{font-size:14px}.scroll-container{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:768px){.flex-wrap-mobile{flex-wrap:wrap}}.modern-card{border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--border);background:#fff;padding:1.5rem}.modern-card:hover{box-shadow:var(--shadow-md)}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow-sm);border:none;padding:.75rem 1.5rem;font-weight:500}.btn-primary:hover{background:var(--primary-hover);box-shadow:var(--shadow);transform:translateY(-1px)}.btn-secondary{color:var(--dark);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:#fff;padding:.75rem 1.5rem;font-weight:500}.btn-secondary:hover{background:var(--light);border-color:var(--primary);color:var(--primary)}.modern-input{border:1px solid var(--border);border-radius:var(--radius);width:100%;transition:var(--transition);padding:.75rem 1rem;font-size:1rem}.modern-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.badge{border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.875rem;font-weight:500;display:inline-flex}.badge-success{background:var(--success-light);color:var(--success)}.badge-danger{background:var(--danger-light);color:var(--danger)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-primary{background:var(--primary-light);color:var(--primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--light)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--secondary)}.sidebar-collapse-toggle{display:none!important}@media (min-width:769px) and (max-width:1399px){.sidebar-collapse-toggle{display:block!important}.sidebar-collapse-toggle:hover{color:#007bff;background-color:#f8f9fa;border-color:#007bff}}@media (max-width:768px){.sidebar-collapse-toggle{display:none!important}}@media (min-width:769px) and (max-width:1399px){.main-content-dashboard{transition:margin-left .3s ease-in-out}.main-content-dashboard.sidebar-collapsed{margin-left:0!important}}@media (max-width:768px){.sidebar-nav{z-index:1000;height:100vh;transition:left .3s ease-in-out;overflow-y:auto;position:fixed!important;left:-300px!important}.sidebar-nav.open{left:0!important}.sidebar-nav.collapsed{left:-300px!important}.main-content-dashboard{flex-direction:column!important;margin-left:0!important;padding:.5rem!important}.gallery-grid{grid-template-columns:repeat(1,1fr)!important;gap:1rem!important}.stat-sidebar{margin-bottom:1rem;width:100%!important;max-width:100%!important;position:relative!important;top:0!important}.page-header{flex-direction:column;gap:.5rem;align-items:flex-start!important;padding:1rem!important}.button-group{flex-wrap:wrap;gap:.5rem;width:100%}.button-group button{flex:auto;min-width:120px}.filter-section{flex-direction:column!important;align-items:flex-start!important}.form-card{padding:1rem!important}.trade-card{padding:.75rem!important}.modal-content{max-height:95vh;overflow-y:auto;width:95vw!important;max-width:95vw!important;margin:.5rem!important;padding:1rem!important}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.stats-grid{grid-template-columns:repeat(1,1fr)!important;gap:.75rem!important}.hide-on-mobile{display:none!important}h1{font-size:clamp(1.5rem,5vw,2rem)!important}h2{font-size:clamp(1.2rem,4vw,1.5rem)!important}}@media (min-width:769px) and (max-width:1024px){.gallery-grid{grid-template-columns:repeat(2,1fr)!important}.main-content-dashboard{padding:1rem!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.sidebar-nav{width:240px!important}.stat-sidebar{width:100%;max-width:300px}}@media (min-width:1025px) and (max-width:1400px){.gallery-grid{grid-template-columns:repeat(2,1fr)!important}}@media (min-width:1401px){.gallery-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:768px){button{min-height:44px;padding:.75rem 1rem}input,select,textarea{min-height:44px;padding:.75rem;font-size:16px!important}a{align-items:center;min-height:44px;display:inline-flex}}.hamburger-menu{z-index:1001;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;padding:.75rem 1rem;font-size:1.5rem;line-height:1;transition:transform .2s;display:none;position:fixed;top:1rem;left:1rem;box-shadow:0 2px 8px #00000026}.hamburger-menu:hover{transform:scale(1.05)}.hamburger-menu:active{transform:scale(.95)}@media (max-width:768px){.hamburger-menu{display:block!important}}.sidebar-overlay{z-index:999;background:#00000080;animation:.3s fadeIn;display:none;position:fixed;inset:0}@media (max-width:768px){.sidebar-overlay.show{display:block}body{font-size:14px}.scroll-container{-webkit-overflow-scrolling:touch;overflow-x:auto}}img{max-width:100%;height:auto}.flex-wrap-mobile{display:flex}@media (max-width:768px){.flex-wrap-mobile{flex-wrap:wrap}}.dark-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:var(--transition)}.dark-card:hover{border-color:var(--border-light)}.btn-dark-primary{background:var(--accent-primary);color:#fff;border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow-sm);border:none;padding:.625rem 1.5rem;font-size:.875rem;font-weight:500}.btn-dark-primary:hover:not(:disabled){background:var(--accent-primary-hover);box-shadow:var(--shadow);transform:translateY(-1px)}.btn-dark-primary:active{transform:translateY(0)}.btn-dark-primary:disabled{opacity:.5;cursor:not-allowed}.btn-dark-secondary{color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius);cursor:pointer;background:0 0;padding:.625rem 1.5rem;font-size:.875rem;font-weight:500}.btn-dark-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-light)}.btn-dark-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-dark-ghost{color:var(--text-secondary);border-radius:var(--radius);cursor:pointer;background:0 0;border:none;padding:.625rem 1rem;font-size:.875rem}.btn-dark-ghost:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.btn-dark-danger{background:var(--accent-danger);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:.625rem 1.5rem;font-size:.875rem;font-weight:500}.btn-dark-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.btn-dark-success{background:var(--accent-success);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:.625rem 1.5rem;font-size:.875rem;font-weight:500}.btn-dark-success:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.dark-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius);width:100%;color:var(--text-primary);transition:var(--transition);padding:.75rem 1rem;font-size:.875rem}.dark-input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #3b82f61a}.dark-input::placeholder{color:var(--text-muted)}.dark-input:disabled{opacity:.6;cursor:not-allowed}.dark-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius);width:100%;color:var(--text-primary);cursor:pointer;transition:var(--transition);padding:.75rem 1rem;font-size:.875rem}.dark-select:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #3b82f61a}.dark-select:disabled{opacity:.6;cursor:not-allowed}.dark-textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius);width:100%;color:var(--text-primary);resize:vertical;min-height:100px;transition:var(--transition);padding:.75rem 1rem;font-family:inherit;font-size:.875rem}.dark-textarea:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #3b82f61a}.dark-textarea:disabled{opacity:.6;cursor:not-allowed}.badge-dark{border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge-dark-success{color:var(--accent-success);background:#10b9811a;border:1px solid #10b98133}.badge-dark-danger{color:var(--accent-danger);background:#ef44441a;border:1px solid #ef444433}.badge-dark-warning{color:var(--accent-warning);background:#f59e0b1a;border:1px solid #f59e0b33}.badge-dark-primary{color:var(--accent-primary);background:#3b82f61a;border:1px solid #3b82f633}.badge-dark-neutral{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.dark-divider{background:var(--border-color);height:1px;margin:var(--spacing-lg)0;border:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.dark-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.dark-modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:600px;max-height:90vh;padding:1.5rem;overflow-y:auto}.dark-table{border-collapse:collapse;border-spacing:0;width:100%}.dark-table thead{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.dark-table th{text-align:left;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding:.75rem 1rem;font-size:.875rem;font-weight:600}.dark-table td{border-bottom:1px solid var(--border-color);color:var(--text-secondary);padding:.75rem 1rem;font-size:.875rem}.dark-table tbody tr:hover{background:var(--bg-tertiary)}.dark-table tbody tr:last-child td{border-bottom:none}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in-up{animation:.3s ease-out slideInUp}.animate-fade-in{animation:.3s ease-out fadeIn}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--accent-success)}.text-danger{color:var(--accent-danger)}.text-warning{color:var(--accent-warning)}.bg-primary{background:var(--bg-primary)}.bg-secondary{background:var(--bg-secondary)}.bg-tertiary{background:var(--bg-tertiary)}@media (max-width:768px){.trade-form-grid{grid-template-columns:1fr!important}.trade-form-grid>*{grid-column:span 1!important}}.sidebar-nav{scrollbar-width:thin;scrollbar-color:#47556980 transparent}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#47556980;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#475569b3}@media (min-width:769px){div[style*="marginLeft: \"300px\""].sidebar-collapsed,div[class*=sidebar-collapsed][style*=margin-left]{margin-left:0!important}}.sidebar-nav,.main-content-dashboard,div[style*=marginLeft]{transition:all .3s cubic-bezier(.4,0,.2,1)!important}button{transition:all .2s cubic-bezier(.4,0,.2,1)}button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}select:hover{border-color:#3b82f680}select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-animation{animation:.3s ease-out fadeIn}