:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--neon-blue: #00cfff;--neon-pink: #FF9CE0;--neon-green: #00ff88;--bg-color: #121212;--bg-gradient: radial-gradient(circle at 50% 50%, #1a1a1a 0%, #000 100%);--text-color: #ffffff;--text-secondary: #888;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--card-bg: linear-gradient(180deg, rgba(20,20,20,.8) 0%, rgba(0,0,0,.6) 100%);--input-bg: rgba(0, 0, 0, .4);--input-border: #333;--input-text: #ffffff;--table-border: rgba(255, 255, 255, .05);--scrollbar-track: rgba(0,0,0,.2);--scrollbar-thumb: #333;--danger-color: #ff4757}[data-theme=light]{--bg-color: #f0f2f5;--bg-gradient: radial-gradient(circle at 50% 50%, #ffffff 0%, #e0e0e0 100%);--text-color: #1a1a1a;--text-secondary: #555;--glass-bg: rgba(255, 255, 255, .75);--glass-border: rgba(0, 0, 0, .1);--card-bg: linear-gradient(180deg, #ffffff 0%, #f0f0f0 100%);--input-bg: #ffffff;--input-border: #ccc;--input-text: #000000;--table-border: rgba(0, 0, 0, .1);--scrollbar-track: rgba(0,0,0,.05);--scrollbar-thumb: #ccc}*{box-sizing:border-box}body{margin:0;display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--bg-color);background-image:var(--bg-gradient);font-family:Inter,sans-serif;color:var(--text-color);transition:background .3s ease,color .3s ease}.container{background:var(--glass-bg);padding:2.5rem;border-radius:20px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 0 30px #00cfff26;text-align:center;width:600px;position:relative;overflow:visible;transition:all .3s ease}h1{background:linear-gradient(to right,var(--neon-blue),var(--neon-pink));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1.5rem;font-weight:800;letter-spacing:1px}h2{font-weight:700;margin-bottom:.5rem}.user-title{color:var(--neon-pink);margin-top:-20px;text-transform:capitalize}.user-info-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:25px}.grade-text{color:var(--text-secondary);text-transform:uppercase;font-size:.9rem;letter-spacing:2px;margin:0}.percentage-badge{background:var(--card-bg);padding:2px 8px;border-radius:4px;font-size:.75rem;border:1px solid currentColor}.percentage-badge.blue{border-color:var(--neon-blue);color:var(--neon-blue)}.percentage-badge.gray{border-color:var(--text-secondary);color:var(--text-secondary)}.stats-card{background:var(--card-bg);border:1px solid var(--neon-blue);border-radius:16px;padding:25px;margin-bottom:20px;box-shadow:0 0 25px #00cfff1a}.stats-grid{display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;gap:15px}.stat-label{font-size:.75rem;letter-spacing:1px;font-weight:700;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-secondary)}.stat-label svg{opacity:.7;width:14px;height:14px}.stat-value{font-size:2.5rem;font-weight:800;margin-top:5px;display:flex;align-items:center;justify-content:center;gap:2px}.stat-value .currency{font-size:.8em;opacity:.8;font-weight:600}.stat-value.blue{color:var(--text-color);text-shadow:0 0 10px rgba(0,207,255,.3)}.stat-value.blue .currency{color:var(--neon-blue)}.stat-value.green{color:var(--text-color);text-shadow:0 0 10px rgba(0,255,100,.3)}.stat-value.green .currency{color:var(--neon-green)}.stats-separator{width:1px;height:40px;background:var(--glass-border)}.input-group{text-align:left;margin-bottom:15px;transition:opacity .3s}.input-group.disabled{opacity:.5;pointer-events:none}.input-label{font-weight:700;font-size:.9rem;margin-left:5px;text-transform:uppercase;margin-bottom:8px;display:block}.input-label.primary{color:var(--neon-pink)}.input-label.secondary{color:var(--neon-blue)}input,select{width:100%;padding:12px 15px;margin-bottom:15px;background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:10px;color:var(--input-text);outline:none;transition:.3s;font-size:1rem;font-family:Inter,sans-serif;appearance:none}.flex-row{display:flex;gap:10px}.input-group.narrow{max-width:200px;margin-left:auto;margin-right:auto}select{background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2300cfff%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 15px top 50%;background-size:12px auto;cursor:pointer}select.highlighted{border-color:var(--neon-blue)}input:focus,select:focus{border-color:var(--neon-blue);box-shadow:0 0 10px #00cfff4d}select option{background-color:#1a1a1a;color:#fff;padding:10px}.custom-section{text-align:left;margin-top:30px;padding-top:20px;border-top:1px solid var(--glass-border)}.number-input-wrapper{position:relative;flex:1;display:flex;align-items:center}.number-input-wrapper input{margin-bottom:0;padding-right:35px}button{width:100%;padding:14px;border:none;border-radius:10px;background:linear-gradient(135deg,var(--neon-blue),var(--neon-pink));color:#111;font-weight:800;font-size:1rem;text-transform:uppercase;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:10px}button:hover{transform:translateY(-2px);box-shadow:0 5px 20px #ff9ce066}button:active{transform:scale(.98)}button:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.5);transform:none;box-shadow:none}button.btn-add{margin-top:0;width:40%;background:transparent;border:1px solid var(--neon-blue);color:var(--neon-blue);font-size:.9rem}button.btn-add:hover{background:#00cfff1a}button.btn-logout{background:transparent;border:1px solid var(--danger-color);color:var(--danger-color);margin-top:30px;font-size:.8rem;width:auto;padding:10px 30px}button.btn-logout:hover{background:#ff47571a;box-shadow:0 0 15px #ff475733}button.back-btn{background:#ffffff1a;border:1px solid var(--text-secondary);color:var(--text-color);width:auto;padding:8px 15px;margin-bottom:40px;font-size:.8rem;display:flex;align-items:center;gap:5px}button.back-btn:hover{border-color:var(--neon-blue);color:var(--neon-blue)}.switch-btn{background:none;-webkit-text-fill-color:var(--neon-blue);color:var(--neon-blue);margin-top:20px;font-size:.9rem;text-decoration:none;box-shadow:none;font-weight:400;text-transform:none}.switch-btn:hover{color:var(--neon-pink);-webkit-text-fill-color:var(--neon-pink);text-decoration:underline}.tabs-container{display:flex;justify-content:center;margin-bottom:25px;border-bottom:1px solid var(--glass-border);padding-bottom:10px;gap:5px}button.tab-btn{background:transparent;flex:1;margin-top:0;border:1px solid transparent;color:var(--text-secondary);font-size:.8rem;border-radius:8px;box-shadow:none;text-transform:uppercase;padding:10px 5px}button.tab-btn:hover{color:var(--text-color);background:var(--glass-border);transform:none;box-shadow:none}button.tab-btn.active{background:#00cfff1a;border:1px solid var(--neon-blue);color:var(--neon-blue);box-shadow:0 0 15px #00cfff26}.table-container{max-height:350px;overflow-y:auto;margin-top:10px;padding-right:5px}table{width:100%;border-collapse:collapse;font-size:1rem}th{text-align:left;padding:10px;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid}th.th-blue{color:var(--neon-blue);border-color:var(--neon-blue)}th.th-pink{color:var(--neon-pink);border-color:var(--neon-pink)}th.text-right{text-align:right}td{padding:12px 10px;border-bottom:1px solid var(--table-border);color:var(--text-color)}td.text-right{text-align:right}td.text-highlight{color:var(--neon-pink);font-weight:700}td.text-primary{color:var(--neon-blue);font-weight:700}.sub-text{font-size:.85em;color:var(--text-secondary);margin-left:8px}.sub-info{font-size:.85em;color:var(--text-secondary);display:block}tr.clickable-row{cursor:pointer;transition:background .2s}tr.clickable-row:hover{background:#00cfff0d}tr.highlight-row{background:#ff9ce00d}.empty-msg{margin-top:30px;color:var(--text-secondary);font-style:italic}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--neon-blue)}.toast-container{position:absolute;top:100%;left:0;width:100%;padding-top:20px;z-index:1000;pointer-events:none;display:flex;justify-content:center}.icon-button-delete{background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;color:#f44;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;font-family:Inter,sans-serif;transition:transform .2s ease,color .2s ease;width:fit-content}.icon-button-delete:hover:not(:disabled){transform:scale(1.1);text-shadow:0 0 10px rgba(255,0,0,.5)}.icon-button-delete:disabled{opacity:.3;cursor:not-allowed}.toast{background:#141414f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px 20px;border-radius:12px;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:.9rem;box-shadow:0 10px 30px #00000080;display:flex;align-items:center;justify-content:center;animation:slideUp .4s cubic-bezier(.175,.885,.32,1.275) forwards;pointer-events:auto}.toast.success{border-color:var(--neon-blue);box-shadow:0 0 20px #00cfff26}.toast.success .icon{color:var(--neon-blue);margin-right:10px;font-size:1.2rem}.toast.error{border-color:var(--neon-pink);box-shadow:0 0 20px #ff9ce026}.toast.error .icon{color:var(--neon-pink);margin-right:10px;font-size:1.2rem}.contact-info-container{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:20px;margin-bottom:20px}.contact-info-item{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-secondary)}.contact-info-item svg{stroke:var(--text-secondary)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.accordion-item{margin-bottom:15px;border:1px solid var(--glass-border);border-radius:12px;overflow:hidden;transition:all .3s ease;background:#0003}.accordion-header{width:100%;padding:18px 25px;background:linear-gradient(90deg,#ffffff08,#0000);color:var(--text-color);font-weight:700;text-transform:uppercase;letter-spacing:1px;text-align:left;cursor:pointer;border:none;display:flex;justify-content:space-between;align-items:center;margin-top:0}.accordion-header:hover{background:#ffffff0d;color:var(--neon-blue)}.accordion-header.active{background:#00cfff1a;color:var(--neon-blue);border-bottom:1px solid var(--neon-blue)}.accordion-content{padding:20px;background:#0003;animation:slideDown .3s ease-out}.arrow-icon{transition:transform .3s ease;font-size:.8rem}.accordion-header.active .arrow-icon{transform:rotate(180deg)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}