@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-12px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--color-bg-base:#f0f4f8;--color-bg-surface:#fff;--color-bg-elevated:#f8fafc;--color-bg-input:#fff;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-primary:#3b82f6;--color-success:#3b82f6;--color-warning:#3b82f6;--color-danger:#dc2626;--color-orange:#3b82f6;--status-green-bg:rgba(59,130,246,.1);--status-green-text:#3b82f6;--status-red-bg:rgba(59,130,246,.1);--status-red-text:#3b82f6;--status-blue-bg:rgba(59,130,246,.08);--status-blue-text:#3b82f6;--status-warning-bg:rgba(59,130,246,.1);--status-warning-text:#3b82f6;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--text-xs:12.5px;--text-sm:14.5px;--text-base:16.5px;--text-lg:20.5px;--text-xl:24.5px;--text-2xl:28.5px;--text-3xl:32.5px;--font:"Google Sans","Segoe UI",system-ui,sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:20px}*,:after,:before{box-sizing:border-box}body{margin:0;font-family:var(--font);font-size:var(--text-base);background-color:var(--color-bg-base);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{color:var(--color-primary)}.admin-panel{min-height:100vh;background:var(--color-bg-base);color:var(--color-text-primary);padding:var(--space-8);font-family:var(--font)}.admin-container{max-width:1100px;margin:0 auto}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border)}.admin-page-title{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin:0}.admin-page-desc{color:var(--color-text-muted);font-size:var(--text-base);margin:.35rem 0 0}.page-section{padding:var(--space-8) var(--space-6);max-width:1100px;margin:0 auto}.page-title{font-size:var(--text-3xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-2)}.page-subtitle{color:var(--color-text-muted);font-size:var(--text-base);margin:0 0 var(--space-8)}.page-header{margin-bottom:var(--space-8)}.card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.card-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.card-title{font-size:var(--text-base);font-weight:700;color:var(--color-text-primary);margin:0}.card-link{color:var(--color-primary);font-size:var(--text-sm);text-decoration:none;font-weight:600}.card-link:hover{text-decoration:underline}.btn{border:none;border-radius:var(--radius-sm);padding:.625rem 1.5rem;font-size:var(--text-base);font-weight:600;font-family:var(--font);cursor:pointer;transition:opacity .15s;display:inline-flex;align-items:center;gap:.375rem}.btn:hover{opacity:.88}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-green{background:var(--color-success);color:#fff}.btn-red{color:var(--color-danger)}.btn-ghost,.btn-red{background:transparent;border:1px solid var(--color-border)}.btn-ghost{color:var(--color-text-secondary)}.btn-sm{padding:.3rem .75rem;font-size:var(--text-sm)}.btn-full{width:100%}.btn-icon{font-size:1rem;line-height:1}.input{width:100%;background:var(--color-bg-input);border:1px solid var(--color-border);color:var(--color-text-primary);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-base);font-family:var(--font);outline:none;box-sizing:border-box;transition:border-color .15s}.input:focus{border-color:var(--color-primary)}.input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--color-bg-input) inset!important;-webkit-text-fill-color:var(--color-text-primary)!important}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-label{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500}.input-error{color:var(--color-danger);font-size:var(--text-sm);margin-top:var(--space-1)}.input-block{background:var(--color-bg-surface);border:1px solid var(--color-border);color:var(--color-text-primary);padding:.5rem .875rem;border-radius:8px;font-size:var(--text-base);font-family:var(--font);outline:none;box-sizing:border-box;width:100%}.input-block:focus{border-color:var(--color-primary)}.badge{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:700}.badge-green{background:var(--status-green-bg);color:var(--status-green-text)}.badge-red{background:var(--status-red-bg);color:var(--status-red-text)}.badge-blue{background:var(--status-blue-bg);color:var(--status-blue-text)}.badge-yellow{background:var(--status-warning-bg);color:var(--status-warning-text)}.badge-muted{background:var(--color-bg-elevated);color:var(--color-text-muted)}.symbol-badge{color:var(--color-text-primary);font-weight:700;font-size:var(--text-base)}.status-badge{padding:.2rem .6rem;border-radius:4px;font-size:.7rem;font-weight:700;color:#fff}.status-active{background:var(--color-success)}.status-completed{background:var(--color-primary)}.status-cancelled{background:var(--color-text-muted)}.status-opportunity{background:var(--color-success)}.status-risk{background:var(--color-danger)}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:.6rem .75rem;text-align:left;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);background:var(--color-bg-elevated)}.data-table td{padding:.75rem;font-size:var(--text-sm);border-bottom:1px solid var(--color-border)}.data-table tr:last-child td{border-bottom:none}.data-table td.num{text-align:right}.filter-bar{display:flex;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;align-items:center}.filter-tag{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);padding:.3rem .75rem;border-radius:6px;font-size:var(--text-sm);cursor:pointer;font-family:var(--font);font-weight:500;transition:all .15s}.filter-tag:hover{border-color:var(--color-border-light)}.filter-tag.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);font-weight:600}.filter-tag.success.active{background:var(--color-success);border-color:var(--color-success)}.navbar{background:var(--color-bg-surface);border-bottom:1px solid var(--color-border);padding:0 var(--space-8)}.navbar-inner{display:flex;align-items:center;gap:var(--space-8);max-width:1200px;margin:0 auto;height:56px}.navbar-brand{font-weight:700;color:var(--color-text-primary)}.nav-link,.navbar-brand{font-size:var(--text-base);text-decoration:none}.nav-link{color:var(--color-text-secondary);font-weight:400;padding:.5rem 0;border-bottom:2px solid transparent;transition:all .15s;white-space:nowrap}.nav-link:hover{color:var(--color-text-primary)}.nav-link.active{color:var(--color-primary);font-weight:600;border-bottom-color:var(--color-primary)}.nav-admin{color:#64748b;font-weight:600;font-size:var(--text-base);text-decoration:none;padding:.5rem 0;border-bottom:2px solid transparent}.nav-admin.active{color:#3b82f6;border-bottom-color:#3b82f6}.nav-right{margin-left:auto;gap:var(--space-3)}.nav-avatar,.nav-right{display:flex;align-items:center}.nav-avatar{width:36px;height:36px;border-radius:50%;justify-content:center;font-size:var(--text-base);font-weight:700;color:#fff;flex-shrink:0}.nav-login-btn{background:var(--color-primary);color:#fff;border-radius:8px;text-decoration:none;font-weight:600;border:none}.nav-login-btn,.nav-logout-btn{padding:.375rem 1rem;font-size:var(--text-base)}.nav-logout-btn{background:transparent;border:1px solid transparent;color:var(--color-text-secondary);border-radius:8px;cursor:pointer;font-family:var(--font)}.admin-shell{display:flex;height:calc(100vh - 57px)}.admin-sidebar{width:240px;background:var(--color-bg-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0}.admin-sidebar-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.admin-sidebar-title{color:var(--color-text-primary);font-weight:700;font-size:var(--text-base);margin:0}.admin-nav-section{padding:var(--space-4) 0}.admin-nav-section-label{padding:0 var(--space-5);margin:0 0 var(--space-2);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.admin-nav-item{display:flex;align-items:center;gap:.625rem;padding:.5rem var(--space-5);color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-base);font-weight:400;border-left:3px solid transparent;transition:all .15s}.admin-nav-item:hover{color:var(--color-text-primary)}.admin-nav-item.active{color:var(--color-primary);font-weight:600;background:rgba(79,70,229,.08);border-left-color:var(--color-primary)}.admin-nav-icon{font-size:1rem}.admin-sidebar-footer{margin-top:auto;padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-3)}.admin-main{flex:1 1;overflow-y:auto;background:var(--color-bg-base)}.admin-theme{--color-bg-base:#fff;--color-bg-surface:#fff;--color-bg-elevated:#f5f5f5;--color-bg-input:#fff;--color-border:#e5e5e5;--color-border-light:#f0f0f0;--color-text-primary:#111;--color-text-secondary:#6b6b6b;--color-text-muted:#a3a3a3;--color-primary:#111;--color-success:#111;--color-warning:#6b6b6b;--color-danger:#dc2626;--color-orange:#111;--status-green-bg:rgba(0,0,0,.06);--status-green-text:#16a34a;--status-red-bg:rgba(220,38,38,.08);--status-red-text:#dc2626;--status-blue-bg:rgba(0,0,0,.04);--status-blue-text:#6b6b6b;--status-warning-bg:rgba(0,0,0,.06);--status-warning-text:#ca8a04;color-scheme:light}.admin-theme .btn-primary{background:#111;color:#fff;border:1px solid #111}.admin-theme .btn-primary:hover{background:#333;border-color:#333}.admin-theme .btn-ghost{background:transparent;color:#111;border:1px solid #111}.admin-theme .btn-ghost:hover{background:rgba(0,0,0,.05)}.admin-theme .filter-tag.active{background:#111;color:#fff;border-color:#111}.admin-theme .admin-nav-item.active{color:#111;font-weight:700;background:#f5f5f5;border-left-color:#111}.admin-theme .btn-green{background:#111;color:#fff;border:none}.admin-theme .btn-green:hover{background:#333}.admin-theme .btn-red{background:transparent;color:#dc2626;border:1px solid #e5e5e5}.admin-theme .btn-red:hover{background:rgba(220,38,38,.06);border-color:rgba(220,38,38,.3)}.admin-theme .star-filled{color:#111}.admin-theme .star-empty{color:#e5e5e5}.admin-theme .filter-type-btn-active{background:#111!important;color:#fff!important;border-color:#111!important}.admin-theme .symbol-badge-box{background-color:transparent!important;color:#111!important;border:1px solid #111!important}.admin-theme .type-badge-solid{background-color:#111!important;color:#fff!important;border:none!important}.admin-theme .card:hover{border-color:#111}.admin-theme .avatar-dark{background-color:#111!important;color:#fff!important}.admin-theme .avatar-muted{background-color:#f5f5f5!important;color:#111!important;border-color:#e5e5e5!important}.admin-theme .form-overlay{background-color:rgba(0,0,0,.7)!important}.admin-theme .form-card{background:#fff!important;border:1px solid #e5e5e5!important}.admin-theme .upload-success{color:#16a34a!important}.admin-theme .dropzone-border{border-color:#e5e5e5!important}.admin-theme .filter-all-active{background:#111!important;color:#fff!important;border-color:#111!important}.admin-theme .discussion-hover:hover{border-color:#111!important}.admin-theme .submit-btn-dark{background-color:#111!important;color:#fff!important;border:none!important}.form-error{background:var(--status-red-bg);border:1px solid var(--color-danger);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);color:var(--color-danger);font-size:var(--text-base);text-align:center}.password-wrapper{position:relative}.password-wrapper .input{padding-right:2.75rem}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1rem;line-height:1;color:var(--color-text-muted)}.login-layout{min-height:calc(100vh - 57px);display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.login-box{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2.5rem;width:100%;max-width:400px}.login-title{font-size:1.4rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .35rem;text-align:center}.login-subtitle{color:var(--color-text-muted);font-size:var(--text-base);text-align:center;margin:0 0 var(--space-6)}.login-form{display:flex;flex-direction:column;gap:var(--space-4)}.login-hint{color:var(--color-text-muted);font-size:var(--text-sm);text-align:center;margin:var(--space-4) 0 0}.page-container{padding:var(--space-6) var(--space-8);max-width:1100px;margin:0 auto}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-blue{color:var(--color-primary)}.text-yellow{color:var(--color-warning)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.star{font-size:1rem;line-height:1;display:inline-block}.star-filled{color:#fbbf24}.star-empty{color:var(--color-border)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.section-title{font-size:var(--text-lg);font-weight:700;color:var(--color-text-primary);margin:0}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.card-grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-6);gap:var(--space-6);align-items:stretch}.empty-state{text-align:center;padding:4rem;color:var(--color-border-light)}.empty-state-icon{font-size:1.5rem;margin:0 0 var(--space-2)}.empty-state-text{font-size:var(--text-base);margin:0}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:var(--space-3);gap:var(--space-3);margin-bottom:var(--space-6)}.stat-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-4);text-align:center}.stat-value{font-size:var(--text-xl);font-weight:800;margin:0 0 2px}.stat-label{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:0}.feature-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);text-decoration:none;display:flex;flex-direction:column;gap:var(--space-2);transition:border-color .2s,transform .15s}.feature-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.feature-icon{font-size:1.75rem;line-height:1}.feature-title{color:var(--color-text-primary);font-size:var(--text-base);font-weight:700;margin:0}.feature-desc{color:var(--color-text-muted);font-size:var(--text-sm);margin:0;line-height:1.5;flex:1 1}.feature-link{color:var(--color-primary);font-size:var(--text-sm);font-weight:600}.activity-item{display:flex;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);align-items:flex-start}.activity-item:last-child{border-bottom:none}.activity-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.activity-content{flex:1 1;min-width:0}.activity-meta{display:flex;gap:var(--space-2);align-items:center;margin-bottom:var(--space-1);flex-wrap:wrap}.activity-body{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0;line-height:1.5}.activity-time{color:var(--color-border-light);font-size:var(--text-sm);white-space:nowrap;flex-shrink:0}.discussion-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);cursor:pointer;transition:border-color .15s}.discussion-card:hover{border-color:var(--color-border-light)}.discussion-card.selected{border-color:var(--color-primary);background:rgba(59,130,246,.05);border-left:3px solid var(--color-primary)}.modal-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:var(--space-8)}.modal-close-btn{position:absolute;top:var(--space-4);right:var(--space-6);background:hsla(0,0%,100%,.1);border:none;color:#fff;font-size:1.5rem;width:44px;height:44px;border-radius:50%;cursor:pointer;line-height:1}.modal-image{max-width:100%;max-height:95vh;object-fit:contain;border-radius:var(--radius-md)}.setup-row{display:flex;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);align-items:center}.setup-row:last-child{border-bottom:none}.setup-badge{min-width:40px;text-align:center;flex-shrink:0}.setup-grid{flex:1 1;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-2);gap:var(--space-2);align-items:center}.setup-grid-item{text-align:center}.setup-label{color:var(--color-border-light);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;margin:0}.setup-value{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:600;margin:0}.practice-container{max-width:900px;margin:0 auto;padding:var(--space-8)}.practice-chart-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.practice-chart-image{width:100%;display:block}.practice-options{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-4);gap:var(--space-4);margin-bottom:var(--space-6)}.practice-option-btn{padding:1.25rem;border-radius:var(--radius-md);font-size:var(--text-lg);font-weight:700;border:2px solid var(--color-border);background:var(--color-bg-surface);cursor:pointer;transition:all .2s}.practice-option-btn:hover{border-color:var(--color-primary);transform:translateY(-2px)}.practice-option-btn.selected{border-color:var(--color-primary);background:rgba(59,130,246,.1)}.practice-option-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.practice-explanation{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5)}.practice-correct{border-color:var(--color-success)!important;border-width:2px}.practice-incorrect{border-color:var(--color-danger)!important;border-width:2px}.practice-draw-active{box-shadow:0 0 0 2px var(--color-primary)!important}.no-select{-webkit-user-select:none;-moz-user-select:none;user-select:none}