.input-wrapper{margin-bottom:16px}.input-label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:var(--color-text-primary)}.input{width:100%;padding:10px 14px;border:1.5px solid var(--color-border);border-radius:var(--border-radius);font-size:14px;background:var(--color-bg-card);color:var(--color-text-primary);transition:all .2s ease}.input::placeholder{color:var(--color-text-secondary);opacity:.6}.input:hover{border-color:var(--color-border-hover)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.input:disabled{background:var(--color-bg-light);cursor:not-allowed;opacity:.6}.input-error{border-color:var(--color-danger)}.input-error:focus{box-shadow:0 0 0 3px var(--color-danger-bg)}.input-error-text{display:block;margin-top:6px;padding:6px 10px;font-size:12px;color:var(--color-danger);background:var(--color-danger-bg);border-radius:4px;border-left:3px solid var(--color-danger)}.btn{padding:10px 20px;border:1.5px solid var(--color-primary);background:transparent;color:var(--color-primary);font-size:14px;font-weight:500;border-radius:var(--border-radius);transition:all .2s ease;white-space:nowrap;cursor:pointer}.btn:hover:not(:disabled){background:var(--color-primary-light);color:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--box-shadow)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 1px 2px #2563eb33}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:0 4px 12px #2563eb4d;color:#fff}.btn-secondary{background:var(--color-bg-card);color:var(--color-text-secondary);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-light);border-color:var(--color-border-hover);color:var(--color-text-primary)}.btn-danger{background:transparent;color:var(--color-danger);border-color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:var(--color-danger);color:#fff;box-shadow:0 4px 12px #ef44444d}.btn-small{padding:6px 12px;font-size:12px}.btn-medium{padding:10px 20px;font-size:14px}.btn-large{padding:14px 28px;font-size:16px}.btn-full{width:100%}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background:var(--color-bg-card);border-radius:var(--border-radius-lg);width:90%;max-height:90vh;overflow:auto;box-shadow:var(--box-shadow-lg);border:1px solid var(--color-border);animation:modalSlideIn .2s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:24px;border-bottom:2px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to right,#2563eb08,#7dd3fc08)}.modal-header h3{margin:0;font-size:20px;font-weight:600;color:var(--color-text-primary)}.modal-close{background:var(--color-bg-light);border:none;font-size:24px;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;color:var(--color-text-secondary);border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--color-primary);color:#fff;transform:rotate(90deg)}.modal-body{padding:24px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eef2ff,#e0e7ff,#f1f5f9);position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:-100px;left:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(37,99,235,.08) 0%,transparent 70%);border-radius:50%;z-index:0}.login-page:after{content:"";position:absolute;bottom:-150px;right:-150px;width:500px;height:500px;background:radial-gradient(circle,rgba(125,211,252,.12) 0%,transparent 70%);border-radius:50%;z-index:0}.decoration-circle{position:absolute;border-radius:50%;z-index:0}.decoration-circle-1{top:20%;right:10%;width:150px;height:150px;background:radial-gradient(circle,rgba(37,99,235,.06) 0%,transparent 70%);animation:float 6s ease-in-out infinite}.decoration-circle-2{bottom:30%;left:5%;width:100px;height:100px;background:radial-gradient(circle,rgba(125,211,252,.08) 0%,transparent 70%);animation:float 8s ease-in-out infinite reverse}.decoration-circle-3{top:50%;left:15%;width:80px;height:80px;background:radial-gradient(circle,rgba(37,99,235,.05) 0%,transparent 70%);animation:float 7s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.login-container{background:var(--color-bg-card);padding:48px;border-radius:var(--border-radius-lg);border:1px solid var(--color-border);width:100%;max-width:420px;box-shadow:0 20px 60px #0000001a,0 10px 30px #2563eb14;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-header{text-align:center;margin-bottom:32px}.login-header h1{font-size:32px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px;color:var(--color-primary)}.login-header p{font-size:14px;color:var(--color-text-secondary)}.login-form{margin-bottom:24px}.login-tips{border-top:1px solid var(--color-border);font-size:12px;color:var(--color-text-secondary);background:var(--color-bg-light);padding:16px;border-radius:var(--border-radius);margin-top:20px}.login-tip-title{font-weight:600;margin-bottom:8px;color:var(--color-text-primary)}.login-tip-item{margin-bottom:4px;padding-left:12px;position:relative}.login-tip-item:before{content:"•";position:absolute;left:0;color:var(--color-primary)}.navbar{background:var(--color-bg-card);border-bottom:1px solid var(--color-border);height:64px;position:sticky;top:0;z-index:200;box-shadow:0 1px 3px #0000000d}.navbar-container{max-width:1200px;margin:0 auto;height:100%;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.navbar-logo{font-size:24px;font-weight:700;letter-spacing:1px;cursor:pointer;color:var(--color-primary);transition:color .2s}.navbar-logo:hover{color:var(--color-primary-hover)}.navbar-right{display:flex;align-items:center;gap:16px}.navbar-points{font-size:14px;font-weight:500;padding:8px 16px;border:1.5px solid var(--color-primary-light);border-radius:var(--border-radius);background:#7dd3fc1a;color:var(--color-primary)}.navbar-user{position:relative}.navbar-user-btn{background:var(--color-bg-card);border:1.5px solid var(--color-border);padding:8px 16px;border-radius:var(--border-radius);font-size:14px;font-weight:500;color:var(--color-text-primary);transition:all .2s ease}.navbar-user-btn:hover{background:var(--color-bg-light);border-color:var(--color-border-hover)}.navbar-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--box-shadow-lg);min-width:160px;overflow:hidden;z-index:1000}.navbar-menu-item{padding:12px 16px;cursor:pointer;font-size:14px;color:var(--color-text-primary);transition:all .2s ease;border-bottom:1px solid var(--color-bg-light)}.navbar-menu-item:last-child{border-bottom:none}.navbar-menu-item:hover{background:var(--color-bg-light);color:var(--color-primary)}.student-tabs{background:var(--color-bg-card);border-bottom:2px solid var(--color-border);position:sticky;top:60px;z-index:100;box-shadow:0 2px 8px #0000000d}.tabs-container{max-width:1400px;margin:0 auto;padding:0 24px;display:flex;gap:0}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all .3s ease;color:var(--color-text-secondary);position:relative}.tab-item:hover{background:var(--color-bg-light);color:var(--color-primary)}.tab-item.active{color:var(--color-primary);font-weight:600;border-bottom-color:var(--color-primary)}.tab-item.active .tab-icon{transform:scale(1.1)}.tab-icon{font-size:24px;transition:transform .3s ease}.tab-label{font-size:14px;transition:all .3s ease}@media (max-width: 768px){.student-tabs{position:fixed;bottom:0;top:auto;left:0;right:0;border-top:2px solid var(--color-border);border-bottom:none;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tabs-container{padding:0}.tab-item{padding:12px 8px;gap:4px}.tab-icon{font-size:20px}.tab-label{font-size:12px}}@media (min-width: 769px) and (max-width: 1024px){.tab-icon{font-size:22px}.tab-label{font-size:13px}}.select-wrapper{margin-bottom:16px;position:relative}.select-label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:var(--color-text-primary)}.custom-select{position:relative;width:100%;cursor:pointer;-webkit-user-select:none;user-select:none}.custom-select.disabled{cursor:not-allowed;opacity:.6}.select-display{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border:1.5px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-bg-card);transition:all .2s ease;min-height:42px}.custom-select:not(.disabled):hover .select-display{border-color:var(--color-border-hover)}.custom-select.open .select-display{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.custom-select.disabled .select-display{background:var(--color-bg-light)}.select-text{font-size:14px;color:var(--color-text-primary);flex:1}.select-placeholder{font-size:14px;color:var(--color-text-secondary);flex:1}.select-arrow{margin-left:12px;font-size:20px;color:var(--color-text-secondary);transition:transform .2s ease;flex-shrink:0;line-height:1;height:20px;display:flex;align-items:center;justify-content:center}.custom-select.open .select-arrow{transform:rotate(180deg)}.select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--box-shadow-lg);max-height:240px;overflow-y:auto;z-index:2000;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.select-option{padding:10px 14px;font-size:14px;color:var(--color-text-primary);cursor:pointer;transition:all .15s ease;border-bottom:1px solid var(--color-bg-light)}.select-option:last-child{border-bottom:none}.select-option:hover{background:var(--color-bg-light);color:var(--color-primary)}.select-option.selected{background:#2563eb1a;color:var(--color-primary);font-weight:600}.select-option.placeholder-option{color:var(--color-text-secondary);font-style:italic}.select-dropdown::-webkit-scrollbar{width:6px}.select-dropdown::-webkit-scrollbar-track{background:var(--color-bg-light)}.select-dropdown::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.select-dropdown::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}.select-search-container{padding:8px;border-bottom:1px solid var(--color-bg-light);position:sticky;top:0;background:var(--color-bg-card);z-index:1}.select-search-input{width:100%;padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;font-size:14px;outline:none;transition:all .2s ease;box-sizing:border-box}.select-search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.grade-input-page{min-height:100vh;background:var(--color-bg-page);padding-bottom:24px}.page-title{font-size:32px;font-weight:700;margin-bottom:8px;text-align:center;color:var(--color-text-primary)}.grade-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);margin-bottom:24px;box-shadow:var(--box-shadow);overflow:visible;transition:all .3s ease}.grade-card:hover{box-shadow:var(--box-shadow-lg)}.card-header{padding:20px 24px;background:linear-gradient(to right,#2563eb0d,#7dd3fc0d);border-bottom:2px solid var(--color-border);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.card-header h3{font-size:18px;font-weight:600;margin:0;color:var(--color-primary)}.card-body{padding:20px}.subject-row{display:flex;align-items:center;gap:16px;margin-bottom:12px;padding:12px 16px;background:var(--color-bg-light);border-radius:var(--border-radius);transition:all .2s ease}.subject-row:hover{background:#2563eb0d;box-shadow:0 2px 4px #0000000d}.subject-row:last-child{margin-bottom:0}.subject-name{flex:1;font-size:15px;font-weight:500;color:var(--color-text-primary)}.subject-grade{width:120px}.subject-grade .select-wrapper{margin-bottom:0}.subject-grade .select-display{justify-content:center}.subject-grade .select-text,.subject-grade .select-placeholder{text-align:center;font-weight:600;font-size:15px}.subject-grade .select-arrow{position:absolute;right:12px}.remove-btn{width:32px;height:32px;min-width:32px;border:2px solid var(--color-border);background:var(--color-bg-card);border-radius:var(--border-radius);font-size:20px;line-height:1;cursor:pointer;color:var(--color-text-secondary);transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-weight:400}.remove-btn:hover{background:var(--color-danger);color:#fff;border-color:var(--color-danger);transform:scale(1.1)}.add-subject-row{margin-top:16px;padding-top:16px;border-top:1px dashed var(--color-border)}.add-subject-row .select-wrapper{margin-bottom:0}.calculate-section{text-align:center;margin-top:40px}.hint-text{margin-top:12px;font-size:12px;color:var(--color-secondary)}.error-message{text-align:center;color:var(--color-danger);font-size:14px;font-weight:500;padding:14px 20px;background:var(--color-danger-bg);border:1.5px solid var(--color-danger);border-radius:var(--border-radius);margin-top:16px;border-left:4px solid var(--color-danger)}@media (max-width: 768px){.grade-input-page{padding-bottom:80px}.page-content{padding:24px 16px}.page-title{font-size:24px}.subject-row{flex-wrap:wrap}.subject-name{flex:1 1 100%;margin-bottom:8px}.subject-grade{flex:1}}.result-page{min-height:100vh;background:var(--color-bg-page);padding-bottom:24px}.page-container{max-width:1000px;margin:0 auto}.page-title{font-size:32px;font-weight:700;margin-bottom:24px;text-align:center;color:var(--color-text-primary)}.page-title:after{content:"";display:block;width:60px;height:4px;background:var(--color-primary);margin:16px auto;border-radius:2px}.grades-summary{background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:var(--border-radius-lg);padding:24px;margin-bottom:32px;box-shadow:var(--box-shadow)}.grades-section{margin-bottom:20px}.grades-section:last-child{margin-bottom:0}.grades-section h4{font-size:16px;font-weight:600;color:var(--color-primary);margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--color-bg-light)}.grades-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.grade-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--color-bg-light);border-radius:var(--border-radius);border:1px solid var(--color-border)}.grade-subject{font-size:13px;color:var(--color-text-primary);flex:1}.grade-value{font-size:15px;font-weight:700;color:var(--color-primary);padding:4px 12px;background:#2563eb1a;border-radius:6px}.filter-section{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.result-count{font-size:14px;color:var(--color-text-secondary);margin-bottom:20px}.result-count strong{color:var(--color-primary);font-size:16px}.programs-list{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.rc-card{background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:12px;padding:24px;transition:all .25s ease}.rc-card:hover{box-shadow:0 8px 24px #00000014;border-color:var(--color-primary-light)}.rc-top{display:flex;align-items:center;gap:16px;margin-bottom:12px}.rc-school{font-size:15px;font-weight:600;color:var(--color-primary);white-space:nowrap}.rc-school:before{content:"🏫 "}.rc-match{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.rc-match-label{font-size:12px;color:var(--color-text-secondary);white-space:nowrap}.rc-match-bar{flex:1;height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden;min-width:80px}.rc-match-fill{height:100%;border-radius:4px;transition:width .5s ease}.rc-match-value{font-size:14px;font-weight:700;white-space:nowrap;min-width:36px;text-align:right}.favorite-btn{background:none;border:none;font-size:24px;cursor:pointer;color:var(--color-border);transition:all .2s ease;flex-shrink:0}.favorite-btn:hover{color:var(--color-warning);transform:scale(1.2)}.favorite-btn.favorited{color:var(--color-warning)}.rc-title{font-size:20px;font-weight:700;color:var(--color-text-primary);margin-bottom:4px}.rc-id{font-size:13px;color:var(--color-text-secondary);margin-bottom:16px}.rc-total-score{display:inline-flex;align-items:baseline;gap:10px;padding:10px 20px;margin-bottom:14px;background:linear-gradient(135deg,#eff6ff,#f0fdf4);border:1px solid #bfdbfe;border-radius:10px}.rc-total-score-label{font-size:14px;color:var(--color-text-secondary);font-weight:500}.rc-total-score-value{font-size:28px;font-weight:800;color:var(--color-primary);line-height:1}.rc-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.rc-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:13px}.rc-tag-label{color:#0369a1}.rc-tag-value{font-weight:700;color:#0c4a6e}.rc-tag-admission{background:#f0f9ff;border:1px solid #bae6fd}.rc-tag-score{background:#eff6ff;border:1px solid #bfdbfe}.rc-tag-score .rc-tag-label{color:#1d4ed8}.rc-tag-score .rc-tag-value{font-size:16px;font-weight:800;color:var(--color-primary)}.rc-subjects{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}.rc-subjects-label{font-size:13px;color:var(--color-text-secondary);white-space:nowrap}.rc-calc-tags{display:flex;flex-wrap:wrap;gap:6px}.rc-subject-tag{display:inline-block;padding:3px 10px;background:#2563eb1a;color:var(--color-primary);border-radius:12px;font-size:12px;font-weight:500}.rc-score-cards{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.rc-score-card{flex:1;min-width:160px;max-width:240px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.rc-score-card-title{padding:8px 14px;font-size:13px;font-weight:600;color:#475569;background:#f1f5f9;border-bottom:1px solid #e2e8f0;text-align:center}.rc-score-card-body{padding:10px 14px;display:flex;flex-direction:column;gap:6px}.rc-score-item{display:flex;justify-content:space-between;align-items:center}.rc-score-item-label{font-size:12px;color:#64748b}.rc-score-item-value{font-size:14px;font-weight:600;color:var(--color-text-primary)}.rc-score-item-value.rc-score-mid{color:var(--color-primary);font-weight:700}.rc-link{padding-top:4px}.rc-link a{font-size:13px;color:var(--color-primary);text-decoration:none;font-weight:500}.rc-link a:hover{text-decoration:underline}.empty-state{text-align:center;padding:60px 20px;background:var(--color-bg-card);border:1.5px dashed var(--color-border);border-radius:var(--border-radius-lg)}.empty-state p{font-size:16px;color:var(--color-text-secondary);margin-bottom:20px}.result-footer{display:flex;justify-content:center;gap:16px;padding-top:20px}@media (max-width: 768px){.result-page{padding-bottom:80px}.page-content{padding:24px 16px}.page-title{font-size:24px}.filter-section,.grades-list{grid-template-columns:1fr}.rc-top{flex-wrap:wrap}.rc-score-cards{flex-direction:column}.rc-score-card{max-width:100%}.result-footer{flex-direction:column}}.favorites-page{min-height:100vh;background:var(--color-bg-page);padding-bottom:24px}.favorites-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.loading-state{text-align:center;padding:60px 20px;font-size:16px;color:var(--color-text-secondary)}.remove-favorite-btn{padding:6px 14px;border:1px solid #fca5a5;background:#fff5f5;color:#dc2626;border-radius:20px;font-size:13px;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.remove-favorite-btn:hover{background:#dc2626;color:#fff;border-color:#dc2626}@media (max-width: 768px){.favorites-page{padding-bottom:80px}.favorites-header{flex-direction:column;gap:16px;align-items:flex-start}}.settings-page{min-height:100vh;background:var(--color-bg-page);padding-bottom:24px}.page-content{max-width:1400px;margin:0 auto;padding:32px 24px}.page-container{max-width:900px;margin:0 auto}.page-title{font-size:32px;font-weight:700;margin-bottom:32px;text-align:center;color:var(--color-text-primary)}.settings-card{background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:var(--border-radius-lg);max-width:550px;margin:0 auto;box-shadow:var(--box-shadow);overflow:hidden}.settings-card .card-header{padding:20px 24px;background:linear-gradient(to right,#2563eb0d,#7dd3fc0d);border-bottom:2px solid var(--color-border)}.settings-card .card-header h3{font-size:18px;font-weight:600;margin:0;color:var(--color-primary)}.settings-card .card-body{padding:24px}@media (max-width: 768px){.settings-page{padding-bottom:80px}.page-content{padding:24px 16px}.page-title{font-size:24px}.settings-card{max-width:100%}}.accounts-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:32px;box-shadow:var(--box-shadow)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.section-header h2{font-size:28px;font-weight:700;margin:0;color:var(--color-text-primary)}.header-actions{display:flex;gap:12px}.tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:2px solid var(--color-border)}.tab{padding:14px 28px;background:transparent;border:none;border-bottom:3px solid transparent;font-size:15px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;position:relative}.tab:hover{color:var(--color-primary);background:var(--color-bg-light)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.accounts-table{overflow-x:auto}.accounts-table table{width:100%;border-collapse:collapse}.accounts-table th{text-align:left;padding:14px 12px;background:linear-gradient(to right,#2563eb0d,#7dd3fc0d);font-size:14px;font-weight:600;border-bottom:2px solid var(--color-border);color:var(--color-text-primary)}.accounts-table td{padding:14px 12px;border-bottom:1px solid var(--color-border);font-size:14px;color:var(--color-text-primary)}.accounts-table tbody tr:hover{background:var(--color-bg-light);transition:background .2s ease}.table-actions{display:flex;gap:8px}.empty-table{text-align:center;padding:60px 40px;color:var(--color-text-secondary);font-size:14px;background:var(--color-bg-light);border-radius:var(--border-radius);margin:20px 0}.programs-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:32px;box-shadow:var(--box-shadow)}.search-bar{margin-bottom:24px;max-width:450px}.programs-table{overflow-x:auto;border-radius:var(--border-radius)}.programs-table table{width:100%;border-collapse:collapse;min-width:900px}.programs-table th{text-align:left;padding:14px 12px;background:linear-gradient(to right,#2563eb0d,#7dd3fc0d);font-size:14px;font-weight:600;border-bottom:2px solid var(--color-border);color:var(--color-text-primary)}.programs-table td{padding:14px 12px;border-bottom:1px solid var(--color-border);font-size:14px;color:var(--color-text-primary)}.programs-table tbody tr:hover{background:var(--color-bg-light);transition:background .2s ease}.dashboard-page{display:flex;min-height:100vh;background:var(--color-bg-page)}.dashboard-sidebar{width:260px;background:var(--color-bg-card);border-right:1px solid var(--color-border);padding:32px 20px;position:fixed;height:100vh;overflow-y:auto;box-shadow:2px 0 8px #0000000d}.sidebar-logo{font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:4px;color:var(--color-primary)}.sidebar-subtitle{font-size:13px;color:var(--color-text-secondary);margin-bottom:40px;font-weight:500}.sidebar-nav{display:flex;flex-direction:column;gap:6px}.nav-item{text-align:left;padding:14px 18px;border:1.5px solid transparent;background:transparent;border-radius:var(--border-radius);font-size:14px;font-weight:500;color:var(--color-text-primary);transition:all .2s ease;position:relative}.nav-item:hover{background:var(--color-bg-light);color:var(--color-primary)}.nav-item.active{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:#fff;font-weight:600;box-shadow:0 2px 8px #2563eb4d}.nav-item.active:before{content:"";position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:4px;height:24px;background:var(--color-primary);border-radius:0 2px 2px 0}.nav-item.logout{margin-top:24px;color:var(--color-danger);border-color:var(--color-border)}.nav-item.logout:hover{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.dashboard-content{margin-left:260px;flex:1;padding:40px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--color-bg-page);color:var(--color-text-primary);line-height:1.6}#root{min-height:100vh}:root{--color-primary: #2563EB;--color-primary-hover: #1d4ed8;--color-primary-light: #7DD3FC;--color-secondary: #64748B;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-success: #10B981;--color-success-bg: #D1FAE5;--color-warning: #F59E0B;--color-warning-bg: #FEF3C7;--color-danger: #EF4444;--color-danger-bg: #FEE2E2;--color-bg-page: #F8FAFC;--color-bg-card: #FFFFFF;--color-bg-light: #F1F5F9;--color-border: #E2E8F0;--color-border-hover: #CBD5E1;--border-radius: 8px;--border-radius-lg: 12px;--box-shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--box-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}a{text-decoration:none;color:inherit}