:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);font-synthesis:none;text-rendering:optimizedLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.4),transparent),radial-gradient(2px 2px at 160px 120px,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 230px 80px,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 300px 160px,rgba(255,255,255,.15),transparent),radial-gradient(1px 1px at 380px 50px,rgba(255,255,255,.25),transparent),radial-gradient(2px 2px at 450px 200px,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 520px 100px,rgba(255,255,255,.35),transparent),radial-gradient(2px 2px at 600px 180px,rgba(255,255,255,.15),transparent);background-size:650px 250px;animation:stars 60s linear infinite;pointer-events:none;z-index:-1}@keyframes stars{0%{transform:translateY(0)}to{transform:translateY(-250px)}}#root{min-height:100vh}button{cursor:pointer}button:focus-visible{outline:2px solid #a78bfa;outline-offset:2px}.cell{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.15);cursor:pointer;transition:all .15s ease;position:relative;font-family:inherit;box-sizing:border-box}.cell:hover{filter:brightness(1.15);transform:scale(1.02);z-index:1}.cell:active{transform:scale(.98)}.cell.border-top{border-top:2px solid rgba(255,255,255,.8)}.cell.border-right{border-right:2px solid rgba(255,255,255,.8)}.cell.border-bottom{border-bottom:2px solid rgba(255,255,255,.8)}.cell.border-left{border-left:2px solid rgba(255,255,255,.8)}.cell-value{font-size:clamp(.8rem,5vw,1.8rem);font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);-webkit-user-select:none;user-select:none;transition:transform .1s ease;line-height:1}.cell-blank .cell-value{opacity:0}.cell-marked .cell-value{font-size:clamp(.6rem,4vw,1.2rem);font-weight:900;color:#000000b3;text-shadow:none}.cell-number .cell-value{animation:pop .15s ease}@keyframes pop{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}.cell-blocked{background:transparent!important;border:none!important;cursor:default;pointer-events:none}.cell-blocked:hover{filter:none;transform:none}.grid-container{display:flex;justify-content:center;align-items:center;padding:1rem}.grid{display:grid;gap:0;background:#0000004d;border-radius:12px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff1a;max-width:500px;width:min(95vw,75vh);aspect-ratio:1}@media(max-width:400px){.grid{border-radius:8px}}.sum{display:flex;align-items:center;justify-content:center;padding:.25rem;font-size:.9rem;font-weight:600;color:#fff9;background:#0003;gap:1px;min-width:24px;transition:all .2s ease;overflow:hidden}.sum-current{color:#ffffffe6}.sum-divider{opacity:.5;margin:0 1px;font-size:.8em}.sum-target{opacity:.7}.sum-correct{background:#22c55e33}.sum-correct .sum-current{color:#3bde77}.row-sum{border-left:1px solid rgba(255,255,255,.1)}.col-sum{border-top:1px solid rgba(255,255,255,.1)}.sum-corner{background:#0003}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;box-sizing:border-box}.header{text-align:center;margin-bottom:2rem}.title{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#f472b6,#a78bfa,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem;display:flex;align-items:center;justify-content:center;gap:.75rem}.puzzle-nav{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}.puzzle-select{padding:.75rem 2rem .75rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fff;font-size:1rem;font-family:inherit;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='white' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;min-width:200px}.puzzle-select:hover{border-color:#ffffff4d;background-color:#ffffff14}.puzzle-select option{background:#1a1a2e;color:#fff}.no-puzzles-message{padding:.75rem 1.5rem;border-radius:8px;border:1px dashed rgba(255,255,255,.2);background:#ffffff08;color:#ffffff80;font-size:.95rem;text-align:center}.loading{display:flex;align-items:center;justify-content:center;min-height:300px;font-size:1.2rem;color:#fff9}.title-icon{font-size:1.5rem;-webkit-text-fill-color:#a78bfa;animation:twinkle 2s ease-in-out infinite}.title-icon:last-child{animation-delay:1s}@keyframes twinkle{0%,to{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.subtitle{color:#fff9;font-size:1rem;margin:0}.main{display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:600px;width:100%}.level-selector{display:flex;gap:.75rem}.level-btn{padding:.6rem 1.25rem;border-radius:8px;border:2px solid rgba(255,255,255,.15);background:#ffffff0d;color:#ffffffb3;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:.2rem;font-family:inherit}.level-btn:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.level-btn-active{background:linear-gradient(135deg,#a78bfa4d,#8b5cf64d);border-color:#a78bfa;color:#fff}.level-size{font-size:.7rem;opacity:.6;font-weight:400}.mode-toggle{display:flex;gap:.5rem;background:#00000080;padding:.25rem;border-radius:10px;z-index:5;position:relative}.mode-btn{padding:.5rem 1rem;border-radius:8px;border:none;background:transparent;color:#fff9;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.4rem;font-family:inherit}.mode-btn:hover{color:#fff}.mode-btn-active{background:#ffffff26;color:#fff}.mode-icon{font-size:1rem}.rule-desktop{opacity:.6;font-size:.8rem}@media(max-width:600px){.rule-desktop{display:none}.mode-toggle{width:100%;justify-content:center}.mode-btn{flex:1;justify-content:center;padding:.75rem 1rem}}.fullscreen-btn{display:none;padding:.6rem 1.25rem;border-radius:8px;border:2px solid rgba(139,92,246,.4);background:#8b5cf626;color:#a78bfa;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;align-items:center;justify-content:center;gap:.5rem;font-family:inherit}.fullscreen-btn:hover{background:#8b5cf640;border-color:#8b5cf699}.fullscreen-icon{font-size:1.1rem}@media(max-width:600px){.fullscreen-btn{display:flex;width:100%}}.app-fullscreen{position:fixed;inset:0;z-index:9999;background:#1a1a2e;overflow:hidden;overscroll-behavior:none;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;touch-action:none}.main-fullscreen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100%;max-width:none;padding-bottom:1rem}.main-fullscreen .win-banner{order:1;margin-bottom:.5rem;z-index:10}.main-fullscreen .grid-container{order:2;flex:1;display:flex;align-items:center;justify-content:center;max-height:65vh;width:100%}.main-fullscreen .constraints{order:2;margin-top:.5rem;transform:scale(.9)}.main-fullscreen .mode-toggle{order:3;margin-top:auto;width:90%;max-width:400px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:.5rem;box-shadow:0 4px 20px #0006}.main-fullscreen .fullscreen-btn{order:4;width:auto;min-width:150px;background:#ffffff1a;border:none;color:#ffffffb3;font-size:.8rem;padding:.5rem 1rem}.win-banner{background:linear-gradient(135deg,#21c45d,#10b77f);color:#fff;padding:1rem 2rem;border-radius:12px;font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:.75rem;box-shadow:0 10px 40px -10px #22c55e80;animation:slideIn .4s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.win-icon{font-size:1.5rem;animation:bounce .6s ease infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.constraints{display:flex;gap:1.5rem}.constraint{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0d;border-radius:8px;font-size:.9rem;color:#ffffff80;transition:all .2s ease}.constraint-ok{background:#22c55e26;color:#3bde77}.constraint-icon{font-weight:700}.rules{background:#ffffff0d;border-radius:12px;padding:1.25rem 1.5rem;width:100%;box-sizing:border-box}.rules h3{margin:0 0 .75rem;font-size:1rem;color:#fffc}.rules ul{margin:0;padding-left:1.25rem;color:#fff9;font-size:.9rem;line-height:1.6}.rules li{margin-bottom:.25rem}.buttons{display:flex;gap:1rem}.btn{padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit}.btn-secondary{background:#ffffff1a;color:#fffc}.btn-secondary:hover{background:#ffffff26;color:#fff}.btn-primary{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;box-shadow:0 4px 15px -3px #8b5cf666}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px -3px #8b5cf680}.btn:active{transform:scale(.98)}.editor-cell{width:50px;height:50px;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;font-family:inherit}.editor-cell:hover{transform:scale(1.05);box-shadow:0 0 10px #fff3}.editor-cell-paintable:hover{background-color:var(--hover-color, rgba(255, 255, 255, .2))!important;opacity:.8}.editor-cell-blocked{background:repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(255,255,255,.05) 4px,rgba(255,255,255,.05) 8px);border:2px dashed rgba(255,255,255,.15);cursor:not-allowed}.editor-cell-blocked:hover{transform:none;box-shadow:none}.blocked-indicator{font-size:1.2rem;color:#fff3}.editor-cell-unassigned{border:2px dashed rgba(255,255,255,.2)}.editor-cell-value{font-size:1.4rem;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3)}.editor-grid-container{display:flex;justify-content:center;padding:1rem}.editor-grid{display:grid;gap:2px;background:#ffffff1a;padding:3px;border-radius:12px;-webkit-user-select:none;user-select:none}.editor-sum{display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;font-size:1rem;font-weight:600;color:#ffffffb3}.editor-sum-corner{min-width:40px;min-height:40px}.tool-palette{background:#ffffff0d;border-radius:12px;padding:1rem}.tool-palette h3{margin:0 0 .75rem;font-size:.9rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em}.tool-buttons{display:flex;flex-direction:column;gap:.5rem}.tool-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff08;color:#fffc;font-size:.9rem;font-family:inherit;cursor:pointer;transition:all .2s ease;text-align:left}.tool-btn:hover{background:#ffffff14;border-color:#fff3}.tool-btn-active{background:linear-gradient(135deg,#7c3bed,#0da2e7);border-color:transparent;color:#fff;box-shadow:0 4px 15px #8a2be24d}.tool-icon{font-size:1.2rem;min-width:24px;text-align:center}.tool-label{font-weight:500}.region-picker{background:#ffffff0d;border-radius:12px;padding:1rem}.region-picker h3{margin:0 0 .75rem;font-size:.9rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em}.region-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-bottom:.75rem}.region-btn{width:28px;height:28px;border:2px solid transparent;border-radius:4px;font-size:.7rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);cursor:pointer;transition:all .15s ease;font-family:inherit}.region-btn:hover{transform:scale(1.1);box-shadow:0 0 8px #ffffff4d}.region-btn-active{border-color:#fff;box-shadow:0 0 10px #ffffff80}.region-btn-used{opacity:.9}.region-btn-used:after{content:"•";position:absolute;bottom:-2px;right:0;font-size:.5rem}.region-info{display:flex;align-items:center;gap:.5rem}.region-current{width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.region-hint{font-size:.75rem;color:#ffffff80}.save-dialog-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100}.save-dialog{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:2rem;min-width:320px;max-width:90vw;box-shadow:0 8px 32px #00000080}.save-dialog h2{margin:0 0 1.5rem;font-size:1.5rem;text-align:center;background:linear-gradient(135deg,#7c3bed,#0da2e7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.save-dialog-label{display:block;margin-bottom:1rem;font-size:.9rem;color:#ffffffb3}.save-dialog-input,.save-dialog-select{display:block;width:100%;margin-top:.5rem;padding:.75rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#0000004d;color:#fff;font-size:1rem;font-family:inherit;box-sizing:border-box}.save-dialog-input:focus,.save-dialog-select:focus{outline:none;border-color:#7c3bed}.save-dialog-buttons{display:flex;gap:1rem;margin-top:1.5rem}.save-dialog-btn{flex:1;padding:.75rem 1rem;border-radius:8px;border:none;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease}.save-dialog-btn.cancel{background:#ffffff1a;color:#fffc}.save-dialog-btn.cancel:hover{background:#ffffff26}.save-dialog-btn.save{background:linear-gradient(135deg,#7c3bed,#0da2e7);color:#fff}.save-dialog-btn.save:hover:not(:disabled){opacity:.9;box-shadow:0 4px 15px #8a2be24d}.save-dialog-btn.save:disabled{opacity:.5;cursor:not-allowed}.puzzle-editor{padding:1rem;max-width:1200px;margin:0 auto}.editor-header{text-align:center;margin-bottom:1.5rem}.editor-title{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#7c3bed,#0da2e7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.editor-subtitle{color:#fff9;margin:.5rem 0 0}.editor-layout{display:grid;grid-template-columns:200px 1fr;gap:1.5rem}@media(max-width:768px){.editor-layout{grid-template-columns:1fr}.editor-sidebar{order:2}}.editor-sidebar{display:flex;flex-direction:column;gap:1rem}.editor-section{background:#ffffff0d;border-radius:12px;padding:1rem}.editor-section h3{margin:0 0 .75rem;font-size:.9rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em}.size-controls{display:flex;flex-direction:column;gap:.5rem}.size-controls label{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#fffc}.size-controls input{width:60px;padding:.4rem;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#0003;color:#fff;font-size:.9rem;text-align:center}.stats{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem;color:#fffc}.editor-main{display:flex;flex-direction:column;align-items:center;gap:1rem}.editor-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.action-btn{padding:.6rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fff;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.action-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.action-btn-primary{background:linear-gradient(135deg,#7c3bed,#0da2e7);border-color:transparent;color:#fff}.action-btn-primary:hover{opacity:.9;box-shadow:0 4px 15px #8a2be24d}.action-btn-danger{border-color:#ff64644d;color:#ea5353}.action-btn-danger:hover{background:#ff64641a;border-color:#ff646480}.validation-result{padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:500}.validation-result.valid{background:#22c55e33;border:1px solid rgba(34,197,94,.4);color:#21c45d}.validation-result.invalid{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#ea5353}.admin-panel{padding:1rem;max-width:1200px;margin:0 auto}.admin-header{text-align:center;margin-bottom:1.5rem}.admin-title{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#7c3bed,#0da2e7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.admin-subtitle{color:#fff9;margin:.5rem 0 0}.admin-loading{display:flex;align-items:center;justify-content:center;min-height:300px;font-size:1.2rem;color:#fff9}.admin-filters{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-bottom:1.5rem;padding:1rem;background:#ffffff0d;border-radius:12px}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-group label{color:#ffffffb3;font-size:.9rem}.filter-select,.filter-input{padding:.5rem 1rem;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#0003;color:#fff;font-size:.9rem;font-family:inherit}.filter-input{width:200px}.filter-stats{margin-left:auto;color:#ffffff80;font-size:.9rem}.admin-table-container{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;background:#ffffff08;border-radius:12px;overflow:hidden}.admin-table th,.admin-table td{padding:1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.admin-table th{background:#ffffff0d;color:#ffffffb3;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.admin-table tbody tr:hover{background:#ffffff0d}.puzzle-name{font-weight:500;color:#fff}.difficulty-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:500;text-transform:capitalize}.difficulty-badge.easy{background:#22c55e33;color:#21c45d}.difficulty-badge.medium{background:#eab30833;color:#e7b008}.difficulty-badge.hard{background:#ef444433;color:#dc2828}.difficulty-badge.experimental{background:#a855f733;color:#a855f7}.edit-input,.edit-select{padding:.4rem .75rem;border-radius:4px;border:1px solid rgba(255,255,255,.3);background:#0000004d;color:#fff;font-size:.9rem;font-family:inherit}.actions-cell{display:flex;gap:.5rem}.action-btn{padding:.4rem .75rem;border-radius:6px;border:none;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.action-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.action-btn.edit{background:#3b82f633;color:#3c83f6}.action-btn.edit:hover{background:#3b82f64d}.action-btn.duplicate{background:#a855f733;color:#a855f7}.action-btn.duplicate:hover{background:#a855f74d}.action-btn.delete{background:#ef444433;color:#dc2828}.action-btn.delete:hover{background:#ef44444d}.action-btn.delete.confirm-state{background:#ef4444cc;color:#fff;font-weight:700;animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.action-btn.save{background:#22c55e33;color:#21c45d}.action-btn.save:hover{background:#22c55e4d}.action-btn.cancel{background:#ffffff1a;color:#ffffffb3}.action-btn.cancel:hover{background:#ffffff26}.action-btn.editor{background:#14b8a633;color:#30e8c3}.action-btn.editor:hover{background:#14b8a64d}.no-puzzles{padding:3rem;text-align:center;color:#ffffff80;font-size:1rem}.auth-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 60px);padding:20px}.auth-card{background:#1e1e3299;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);width:100%;max-width:400px;box-shadow:0 8px 32px #0000004d}.auth-card h2{margin-bottom:.5rem;text-align:center;color:#fff;font-size:1.5rem}.auth-card p{text-align:center;margin-bottom:1.5rem;color:#aaa;font-size:.9rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.9rem;color:#ccc}.form-group input{width:100%;padding:.75rem;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:1rem;transition:all .2s}.form-group input:focus{outline:none;border-color:#8b5cf6;background:#0006}.input-disabled{opacity:.7;cursor:not-allowed;background:#ffffff0d!important}.error-message{color:#ef4444;font-size:.9rem;margin-bottom:1rem;text-align:center;background:#ef44441a;padding:.5rem;border-radius:4px}.btn-primary{width:100%;padding:.75rem;background:linear-gradient(135deg,#8b5cf6,#3b82f6);border:none;border-radius:6px;color:#fff;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.loading{color:#aaa;display:flex;justify-content:center;padding-top:100px}.router{min-height:100vh;display:flex;flex-direction:column}.nav-header{display:flex;justify-content:center;gap:.5rem;padding:1rem;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1)}.nav-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;background:#ffffff0d;color:#fff9;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease}.nav-tab:hover{background:#ffffff1a;color:#fffc}.nav-tab-active{background:linear-gradient(135deg,#7c3bed,#0da2e7);color:#fff;box-shadow:0 4px 15px #8a2be24d}.nav-icon{font-size:1.2rem}.view-content{flex:1;display:flex;flex-direction:column}