@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f4f5;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-main:#09090b;--bg-sidebar:#0e0e11;--bg-card:#141419a6;--bg-card-hover:#1e1e26cc;--border-glass:#ffffff14;--border-glass-focused:#8b5cf666;--primary:#8b5cf6;--primary-glow:#8b5cf640;--secondary:#d946ef;--accent-cyan:#06b6d4;--accent-gold:#f59e0b;--accent-emerald:#10b981;--accent-rose:#f43f5e;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-muted:#71717a;--shadow-sm:0 2px 8px -2px #00000080;--shadow-md:0 4px 20px -4px #000000b3;--shadow-lg:0 12px 40px -8px #000000e6;--shadow-glow:0 0 15px 0px #8b5cf64d;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);background-color:#09090b;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);background-image:radial-gradient(at 0 0,#8b5cf614 0,#0000 50%),radial-gradient(at 100% 100%,#d946ef0d 0,#0000 50%),radial-gradient(#06b6d40a 0,#0000 50%);background-attachment:fixed;height:100vh;margin:0;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0003;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.mobile-fab{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;cursor:pointer;z-index:100;border:none;border-radius:28px;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s,box-shadow .2s;display:none;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #8b5cf666}.mobile-fab:active{transform:scale(.95)}@media (width<=768px){.mobile-fab{display:flex}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-slide-up{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp}.mobile-menu-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:none}.mobile-menu-btn:hover{background:#ffffff1a}.sidebar-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--border-glass);z-index:1000;background:#0a0a0cb3;flex-direction:column;flex-shrink:0;width:280px;height:100vh;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;opacity:0;background:#0009;transition:opacity .3s;display:none;position:fixed;inset:0}@media (width<=768px){.mobile-menu-btn{display:flex}.sidebar-container{background:#121216;width:85%;max-width:320px;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:10px 0 30px #00000080}.sidebar-container.open{transform:translate(0)}.sidebar-overlay.open{opacity:1;display:block}.desktop-only{display:none!important}}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);box-shadow:var(--shadow-md);transition:border-color var(--transition-normal), box-shadow var(--transition-normal), background var(--transition-normal);border-radius:16px}.glass-panel:hover{background:var(--bg-card-hover);border-color:#ffffff1f}button,input,textarea,select{color:inherit;font-family:inherit}.btn{border:1px solid var(--border-glass);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;background:#ffffff08;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:600;display:inline-flex}.btn:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--primary);color:#fff;border-color:#0000;box-shadow:0 4px 14px #8b5cf64d}.btn-primary:hover{box-shadow:0 6px 20px 0 #8b5cf680, var(--shadow-glow);background:#9d73f8;border-color:#0000}.btn-danger{color:var(--accent-rose);background:#f43f5e26;border-color:#f43f5e4d}.btn-danger:hover{border-color:var(--accent-rose);background:#f43f5e4d}.btn-icon{border-radius:8px;padding:8px}.form-input{border:1px solid var(--border-glass);width:100%;color:var(--text-primary);transition:all var(--transition-normal);background:#0000004d;border-radius:12px;outline:none;padding:12px 16px;font-size:.95rem}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf633}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #8b5cf64d}50%{box-shadow:0 0 25px 5px #8b5cf680}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes xpPop{0%{opacity:0;transform:translateY(0)scale(.8)}20%{opacity:1;transform:translateY(-20px)scale(1.1)}80%{opacity:1;transform:translateY(-30px)scale(1)}to{opacity:0;transform:translateY(-45px)scale(.8)}}.animate-fade-in{animation:fadeInUp var(--transition-normal) forwards}.animate-scale-in{animation:scaleIn var(--transition-normal) forwards}.level-up-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.level-up-card{text-align:center;border:2px solid var(--primary);width:420px;animation:scaleIn var(--transition-normal) forwards, pulseGlow 3s infinite;background:linear-gradient(135deg,#141419e6 0%,#231e32e6 100%);border-radius:24px;padding:40px;box-shadow:0 0 40px #8b5cf699}.level-badge-large{background:radial-gradient(circle, var(--secondary) 0%, var(--primary) 100%);color:#fff;text-shadow:0 2px 10px #00000080;border:4px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 24px;font-size:3rem;font-weight:800;animation:4s ease-in-out infinite float;display:flex;box-shadow:0 0 30px #8b5cf6cc}.kanban-column-tasks{min-height:200px;transition:background-color var(--transition-normal);border-radius:8px;flex-direction:column;flex:1;gap:12px;padding:4px;display:flex;overflow-y:auto}.kanban-column-tasks.drag-over{outline-offset:-2px;background-color:#ffffff08;outline:2px dashed #ffffff26}.badge{border-radius:6px;align-items:center;padding:4px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-low{color:var(--accent-emerald);background:#10b98126}.badge-medium{color:var(--accent-gold);background:#f59e0b26}.badge-high{color:#fb923c;background:#f9731626}.badge-critical{color:var(--accent-rose);background:#f43f5e26;border:1px solid #f43f5e4d}#confetti-canvas{pointer-events:none;z-index:999;width:100%;height:100%;position:fixed;inset:0}@media (width<=600px){.app-header{padding:0 12px!important}.header-xp-container{display:none!important}}@media (width<=768px){.btn,.form-input{min-height:44px;font-size:1rem}.project-row{padding-top:12px!important;padding-bottom:12px!important}.app-header{height:60px!important}.kanban-column-tasks::-webkit-scrollbar{display:none}}:root{--success:var(--accent-emerald);--danger:var(--accent-rose);--bg-color:var(--bg-main)}button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}:where(button,a,input,select,textarea):focus-visible{outline-offset:3px;outline:2px solid #c4b5fd}select{border:1px solid var(--border-glass);background:#18181f;border-radius:10px;padding:10px}fieldset{border:0;min-width:0}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--text-secondary);font-size:.85rem}.feedback{overflow-wrap:anywhere;border:1px solid;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;display:flex}.feedback .btn{flex-shrink:0;margin-left:auto}.feedback-error{color:#fda4af;background:#f43f5e12;border-color:#f43f5e40}.feedback-success{color:#6ee7b7;background:#10b98110;border-color:#10b98130}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.strength-page{flex-direction:column;gap:24px;max-width:1380px;height:100%;margin:auto;padding:32px clamp(16px,3vw,40px) 100px;display:flex;overflow-y:auto}.strength-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.strength-header h1{letter-spacing:-.7px;align-items:center;gap:10px;margin:5px 0;font-size:clamp(1.5rem,3vw,2rem);display:flex}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:#b7a7e9;font-size:.65rem;font-weight:700}.strength-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.stat-tile{flex-direction:column;gap:12px;padding:22px;display:flex}.stat-tile>span{color:var(--text-secondary);font-size:.78rem}.stat-tile strong{font-variant-numeric:tabular-nums;align-items:baseline;gap:8px;font-size:2rem;line-height:1.2;display:flex}.stat-tile strong svg{color:#d8b66d;align-self:center;margin-left:auto}.stat-tile small,.competition-result small,.result-preview small{color:var(--text-secondary);font-size:.85rem;font-weight:500}.strength-toolbar,.section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-heading{margin-bottom:18px}.section-heading h2{align-items:center;gap:10px;font-size:1.05rem;font-weight:650;display:flex}.segmented{border:1px solid var(--border-glass);background:#ffffff04;border-radius:12px;gap:4px;padding:4px;display:flex}.segmented button{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px 18px;font-weight:600}.segmented button.selected{color:#ede9fe;background:#8b5cf629;box-shadow:inset 0 0 0 1px #8b5cf640}.strength-editor,.strength-chart{padding:24px}.strength-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.strength-fields label,.standards-grid label{color:var(--text-secondary);flex-direction:column;gap:8px;font-size:.8rem;display:flex}.wide-field{grid-column:1/-1}.medal-picker legend{color:var(--text-secondary);margin-bottom:12px;font-size:.8rem}.medal-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:640px;display:grid}.medal-image{flex-shrink:0;width:48px;height:60px}.medal-option{border:1px solid var(--border-glass);cursor:pointer;background:#ffffff03;border-radius:12px;align-items:center;padding:14px 10px;position:relative}.medal-option input{accent-color:var(--primary);position:absolute;top:8px;right:8px}.medal-option.selected{color:#fff;background:#8b5cf617;border-color:#a78bfa}.no-medal{color:#71717a;place-items:center;width:48px;height:60px;font-size:2rem;display:grid}.editor-footer{border-top:1px solid var(--border-glass);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:18px;display:flex}.result-preview{align-items:center;gap:12px;font-size:1.7rem;display:flex}.button-row{align-items:center;gap:8px;display:flex}.competition-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:18px;display:grid}.competition-card{padding:22px;position:relative;overflow:hidden}.competition-card.gold{background:linear-gradient(130deg, #f3c75f0c, transparent 70%), var(--bg-card);border-top:2px solid #e5bd62}.competition-card.silver{border-top:2px solid #cbd5e1}.competition-card.bronze{border-top:2px solid #cb9568}.competition-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.date-chip{color:var(--text-secondary);font-size:.75rem}.competition-card h3{overflow-wrap:anywhere;margin:22px 0 16px;font-size:1.12rem;line-height:1.45}.competition-result{align-items:center;gap:16px;min-height:76px;display:flex}.competition-result .medal-image{width:56px;height:70px}.competition-result strong{font-variant-numeric:tabular-nums;letter-spacing:-1px;font-size:2.2rem}.empty-state{color:var(--text-secondary);text-align:center;flex-direction:column;align-items:center;gap:14px;padding:44px 20px;display:flex}.empty-state svg{color:#a78bfa}.empty-state h3{color:var(--text-primary)}.chart-frame{width:100%;min-width:0;height:300px}.standards-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;padding:20px 0;display:grid}.standards-grid strong{color:var(--text-primary);font-size:1.1rem}.table-scroll{overflow-x:auto}.strength-table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}.strength-table th{color:var(--text-secondary);border-bottom:1px solid var(--border-glass);padding:12px;font-size:.75rem;font-weight:500}.strength-table td{font-variant-numeric:tabular-nums;border-bottom:1px solid #ffffff07;padding:12px;font-size:.85rem}.strength-table td:nth-child(5){color:#c4b5fd;font-weight:700}.strength-table tr:hover td{background:#ffffff03}@media (width<=1000px){.strength-stats{gap:10px}.stat-tile{padding:16px}.standards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=600px){.strength-page{gap:18px;padding-top:20px}.strength-header>.btn{width:100%}.strength-stats{grid-template-columns:1fr 1fr}.stat-tile:last-child{grid-column:1/-1}.stat-tile strong{font-size:1.6rem}.strength-editor,.strength-chart{padding:16px}.strength-fields{grid-template-columns:1fr 1fr;gap:12px}.medal-options{gap:6px}.medal-option{padding:14px 3px 10px;font-size:.7rem!important}.medal-option .medal-image{width:38px}.segmented button{padding:10px 12px}.section-heading{flex-wrap:wrap}.editor-footer .button-row{width:100%}.editor-footer .button-row .btn{flex:1}}.board-filters{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.board-filters .form-input{flex:240px;width:auto}.board-filters label{color:var(--text-secondary);align-items:center;gap:8px;font-size:.8rem;display:flex}.board-filters input[type=checkbox]{accent-color:var(--primary);width:16px;height:16px}@media (width<=600px){.board-filters{gap:10px}.board-filters .form-input{flex-basis:100%}}.strength-change{margin-top:4px;font-size:.72rem;font-weight:500;display:block}.strength-change.positive{color:var(--success)}.strength-change.negative{color:var(--danger)}.strength-change.neutral{color:var(--text-secondary)}.strength-chart .chart-frame{height:380px}.strength-chart-legend{flex-wrap:wrap;gap:10px 18px;margin:16px 0 20px;font-size:.8rem;font-weight:600;display:flex}.strength-chart-legend span{align-items:center;gap:8px;display:inline-flex}.strength-chart-legend i{border-top:3px solid;flex-shrink:0;width:24px}.strength-chart-legend i.dashed{border-top-style:dashed}