:root{--accent:#4f46e5;--accent-hover:#4338ca;--accent-soft:#eef2ff;--bg:#fafafa;--bg-card:#fff;--bg-hover:#f4f4f5;--text-primary:#18181b;--text-secondary:#52525b;--text-muted:#a1a1aa;--danger:#dc2626;--success:#16a34a;--border:#e4e4e7;--danger-bg:#fef2f2;--danger-border:#fecaca;--success-bg:#f0fdf4;--success-border:#bbf7d0;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 1px 3px #0000000f, 0 4px 16px #0000000d;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--transition-fast:.12s ease}[data-theme=dark]{--accent:#818cf8;--accent-hover:#a5b4fc;--accent-soft:#818cf826;--bg:#0f1115;--bg-card:#17181c;--bg-hover:#232428;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-muted:#63636b;--danger:#f87171;--success:#4ade80;--border:#2a2b30;--danger-bg:#ef44441f;--danger-border:#ef44444d;--success-bg:#22c55e1f;--success-border:#22c55e4d;--shadow-sm:0 1px 2px #0006;--shadow-md:0 1px 3px #0006, 0 4px 16px #00000059}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%;font-size:15px;line-height:1.6;transition:background-color .2s,color .2s}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.btn{border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:8px;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;display:inline-flex;position:relative}.btn:focus-visible,.card-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-hover);color:var(--text-muted)}.btn-outline{border-color:var(--border);color:var(--text-secondary);background:0 0;padding:.45rem .9rem;font-size:.85rem}.btn-outline:hover{border-color:var(--text-muted);color:var(--text-primary);background:var(--bg-hover)}.btn-text{color:var(--accent);font-size:.85rem;font-family:var(--font-sans);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:0;font-weight:500}.btn-text:hover{color:var(--accent-hover)}.btn-icon{border-radius:var(--radius-sm);border:1px solid var(--border);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-icon.copied{border-color:var(--success);color:var(--success);background:var(--success-bg)}.btn-full{width:100%}.btn.loading span{visibility:hidden}.btn.loading:after{content:"";border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;position:absolute}input[type=text],input[type=url],input[type=email],input[type=password],input[type=search]{background:var(--bg-card);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:var(--radius-md);font-family:var(--font-sans);transition:all var(--transition-fast);padding:.75rem .9rem;font-size:.9rem}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}input::placeholder{color:var(--text-muted)}select{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-md);font-family:var(--font-sans);transition:all var(--transition-fast);padding:.55rem .7rem;font-size:.85rem}select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.expiry-group{align-items:center;gap:.5rem;display:flex}.expiry-label{color:var(--text-muted);font-size:.78rem;font-weight:500}.expiry-select{width:auto;padding:.45rem .6rem}.input-invalid,.input-invalid:focus{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-bg)}.field-error{color:var(--danger);font-size:.78rem}.auth-page-wrapper{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.auth-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-md);padding:2.5rem 2rem}.auth-brand{text-align:center;letter-spacing:-.01em;color:var(--text-primary);margin-bottom:2rem;font-size:1.1rem;font-weight:700}.auth-heading{text-align:center;margin-bottom:1.75rem}.auth-heading h2{letter-spacing:-.01em;margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.auth-heading p{color:var(--text-secondary);font-size:.875rem}.auth-form{flex-direction:column;gap:1rem;display:flex}.form-group{flex-direction:column;gap:.35rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.form-label{color:var(--text-secondary);font-size:.8rem;font-weight:600}.auth-switch{text-align:center;color:var(--text-secondary);margin-top:1.25rem;font-size:.85rem}.auth-switch a{font-weight:600}.msg{border-radius:var(--radius-sm);text-align:center;padding:.6rem .9rem;font-size:.82rem;font-weight:500;line-height:1.5}.msg-error{color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger-border)}.msg-success{color:var(--success);background:var(--success-bg);border:1px solid var(--success-border)}.dashboard{flex-direction:column;min-height:100vh;display:flex}.navbar{z-index:50;background:var(--bg-card);border-bottom:1px solid var(--border);position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;max-width:1040px;height:56px;margin:0 auto;padding:0 1.5rem;display:flex}.logo{letter-spacing:-.01em;color:var(--text-primary);font-size:1rem;font-weight:700}.nav-right{align-items:center;gap:.6rem;display:flex}.dashboard-body{flex-direction:column;flex:1;gap:2.5rem;width:100%;max-width:1040px;margin:0 auto;padding:3rem 1.5rem 4rem;display:flex}.page-heading h1{letter-spacing:-.02em;margin-bottom:.35rem;font-size:1.75rem;font-weight:700}.page-heading p{color:var(--text-secondary);font-size:.95rem}.shortener-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);max-width:680px;padding:1.5rem}.shortener-box .input-row{align-items:center;gap:.6rem;display:flex}.shortener-box .input-row input[type=url]{flex:1;min-width:0;padding:.85rem 1rem;font-size:.95rem}.shortener-box .input-row .btn{flex-shrink:0;padding:.85rem 1.4rem}.alias-row{margin-top:.75rem}.alias-input-wrapper{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);align-items:stretch;display:flex;overflow:hidden}.alias-input-wrapper:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.alias-prefix{background:var(--bg-hover);border-right:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-mono);white-space:nowrap;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;padding:0 .75rem;font-size:.8rem;display:flex}.alias-input{font-family:var(--font-mono);flex:1;min-width:0;padding:.75rem .9rem;font-size:.85rem;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.shortener-actions{justify-content:space-between;align-items:center;gap:1rem;margin-top:.75rem;display:flex}.result-banner{background:var(--success-bg);border:1px solid var(--success-border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:.85rem 1rem;display:flex}.result-label{letter-spacing:.05em;text-transform:uppercase;color:var(--success);margin-bottom:.15rem;font-size:.72rem;font-weight:600}.result-link{font-family:var(--font-mono);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.inline-error{color:var(--danger);padding:.5rem 0;font-size:.8rem}.links-header{align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.links-header h2{flex-shrink:0;font-size:1rem;font-weight:700}.badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;flex-shrink:0;padding:1px 9px;font-size:.75rem;font-weight:600}input.search-input{flex:0 160px;width:160px;min-width:100px;max-width:100%;margin-left:auto;padding:.4rem .7rem;font-size:.8rem}.export-btn{flex-shrink:0}.links-list{flex-direction:column;gap:.6rem;display:flex}.load-more{align-self:center;margin-top:.5rem}.url-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.25rem;display:flex}.url-card:hover{border-color:var(--text-muted);box-shadow:var(--shadow-sm)}.url-card-info{flex:1;overflow:hidden}.url-short{font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.45rem;margin-bottom:.2rem;font-size:.85rem;font-weight:600;display:flex;overflow:hidden}.url-short a{color:var(--accent)}.url-short a:hover{color:var(--accent-hover)}.favicon{border-radius:4px;flex-shrink:0;width:16px;height:16px}.url-target{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.78rem;display:flex}.url-target span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.url-meta{color:var(--text-muted);flex-shrink:0;align-items:center;gap:.6rem;margin-left:.5rem;font-size:.75rem;display:flex}.expiry{white-space:nowrap}.expiry.expired{color:var(--danger);font-weight:600}.url-card-actions{flex-shrink:0;gap:.4rem;display:flex}.card-btn{border-radius:var(--radius-sm);border:1px solid var(--border);width:30px;height:30px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.card-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.card-btn.delete:hover,.card-btn.confirm{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-border)}.url-card.edit{flex-direction:column;align-items:flex-start}.edit-inputs{flex-direction:column;gap:.5rem;width:100%;display:flex}.edit-actions{gap:.5rem;margin-top:.5rem;display:flex}.skeleton{border-radius:var(--radius-md);border:1px solid var(--border);background:linear-gradient(90deg, var(--bg-hover) 25%, var(--border) 50%, var(--bg-hover) 75%);background-size:200% 100%;height:62px;animation:1.2s infinite shimmer}.empty{text-align:center;color:var(--text-muted);padding:2.5rem 1rem}.empty h3{color:var(--text-secondary);margin-bottom:.2rem;font-size:.9rem}.empty p{font-size:.82rem}.toast-container{z-index:100;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1.25rem;right:1.25rem}.toast{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border-left-width:3px;max-width:320px;padding:.6rem .95rem;font-size:.85rem;font-weight:500;animation:.2s slideIn}.toast-success{border-left-color:var(--success)}.toast-error{border-left-color:var(--danger)}.qr-overlay{z-index:90;background:#00000073;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.qr-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;align-items:center;gap:.9rem;width:100%;max-width:320px;max-height:calc(100vh - 2rem);padding:1.5rem;display:flex;overflow-y:auto}.qr-card img{width:200px;height:200px;image-rendering:pixelated;border:1px solid var(--border);border-radius:var(--radius-md)}.qr-card .qr-code{font-family:var(--font-mono);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.8rem;overflow:hidden}.qr-actions{gap:.5rem;width:100%;display:flex}.qr-actions .btn{flex:1}.stats-total{text-align:center;font-size:.9rem;font-weight:600}.chart{align-items:flex-end;gap:3px;width:100%;height:110px;display:flex}.chart-bar{background:var(--accent);min-height:3px;transition:opacity var(--transition-fast);border-radius:2px 2px 0 0;flex:1}.chart-bar.empty{background:var(--bg-hover)}.chart-days{gap:3px;width:100%;margin-top:.3rem;display:flex;overflow:hidden}.chart-days span{min-width:0;color:var(--text-muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;font-size:.6rem;overflow:hidden}.footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border);padding:1.5rem;font-size:.75rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.form-row{grid-template-columns:1fr}.url-card{flex-direction:column;align-items:flex-start}.url-card-actions{align-self:flex-end}.auth-card{padding:2rem 1.25rem}.dashboard-body{padding:2rem 1rem 3rem}input.search-input{flex-basis:120px;width:120px}.shortener-box .input-row{flex-direction:column;align-items:stretch}}