body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f8fafc;color:#1e293b;line-height:1.6}a{color:inherit;text-decoration:none}*{box-sizing:border-box}button{cursor:pointer;font-family:inherit}.app-container{padding-bottom:90px}.app-container,.public-layout-container{display:flex;flex-direction:column;min-height:100vh;width:100%;max-width:100%;margin:0;background-color:#f8fafc}.app-header{justify-content:space-between;padding:1rem 1.5rem;background-color:#ffffff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px 0 rgba(0,0,0,.1);position:sticky;top:0;z-index:100;backdrop-filter:blur(8px)}.app-header,.app-logo{display:flex;align-items:center}.app-logo{gap:.75rem;font-weight:700;color:#0f172a}.app-logo svg{width:28px;height:28px;color:#3b82f6}.app-logo h1{font-size:1.5rem;margin:0;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-profile-dropdown{position:relative}.app-profile-button{display:flex;align-items:center;gap:.5rem;background-color:#f8fafc;border:1px solid #e2e8f0;color:#475569;padding:.625rem 1rem;border-radius:50px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.875rem}.app-profile-button:hover{background-color:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.app-profile-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;color:white;font-weight:600;font-size:.75rem}.app-dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;background:white;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);min-width:200px;overflow:hidden;z-index:200;backdrop-filter:blur(8px)}.app-dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;color:#374151;text-decoration:none;transition:all .15s ease;cursor:pointer;border:none;background:none;width:100%;text-align:left;font-size:.875rem}.app-dropdown-item:hover{background-color:#f8fafc;color:#1f2937}.app-dropdown-item.danger{color:#dc2626}.app-dropdown-item.danger:hover{background-color:#fef2f2;color:#b91c1c}.app-dropdown-divider{height:1px;background-color:#e5e7eb;margin:.5rem 0}.app-main-content{flex:1;padding:1.5rem;max-width:1200px;margin:0 auto;width:100%}.app-bottom-nav{justify-content:space-around;border-top:1px solid #e2e8f0;background-color:#ffffff;padding:.75rem 0;box-shadow:0 -1px 3px 0 rgba(0,0,0,.1);backdrop-filter:blur(8px);position:fixed;bottom:0;left:0;right:0;z-index:50}.app-bottom-nav,.app-nav-item{display:flex;align-items:center}.app-nav-item{flex-direction:column;gap:.25rem;color:#64748b;text-decoration:none;padding:.5rem 1rem;border-radius:12px;min-width:60px;transition:all .2s ease;position:relative}.app-nav-item:hover{color:#3b82f6;background-color:#f1f5f9}.app-nav-icon{display:flex;align-items:center;justify-content:center}.app-nav-icon svg{width:24px;height:24px}.app-nav-label{font-size:.75rem;font-weight:500;text-align:center}.app-nav-item.app-active{color:#3b82f6;font-weight:600;background-color:#eff6ff}.app-nav-item.app-active:before{content:"";position:absolute;top:-.75rem;left:50%;transform:translateX(-50%);width:24px;height:3px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:2px}.modern-card{background-color:#ffffff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1);overflow:hidden;transition:all .2s ease}.modern-card:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transform:translateY(-1px)}.link-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1);display:flex;flex-direction:column;overflow:hidden;transition:all .2s ease;margin-bottom:1rem}.link-card:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transform:translateY(-1px)}.link-card-deleted{background-color:#f8fafc;opacity:.8;border-color:#cbd5e1}.link-card-deleted:hover{opacity:1}.link-card-deleted-notice{font-size:.875rem;font-weight:500;color:#dc2626;background-color:#fef2f2;padding:.75rem;border-radius:8px;text-align:center;margin:0 0 1rem;border:1px solid #fecaca}.link-card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0}.link-card-price{font-size:1.25rem;font-weight:700;color:#3b82f6;display:flex;align-items:center;gap:.5rem}.link-card-date{font-size:.875rem;color:#64748b;font-weight:500}.link-card-body{padding:1.25rem}.link-card-link-label{font-size:.875rem;color:#64748b;margin:0 0 .5rem;font-weight:500}.link-card-link-input{width:100%;padding:.75rem;border-radius:8px;border:1px solid #d1d5db;background-color:#f9fafb;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:.875rem;margin-bottom:1rem;transition:all .2s ease}.link-card-link-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.link-card-stats{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#64748b;font-weight:500}.link-card-stats span{display:flex;align-items:center;gap:.25rem}.link-card-actions{display:flex;border-top:1px solid #e2e8f0}.link-card-actions button{flex:1;padding:1rem;border:none;background:none;cursor:pointer;font-weight:500;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem}.link-card-copy-button{color:#3b82f6}.link-card-copy-button:hover{background-color:#eff6ff}.link-card-restore-button{color:#059669}.link-card-restore-button:hover{background-color:#ecfdf5}.link-card-delete-button{color:#dc2626;border-left:1px solid #e2e8f0}.link-card-delete-button:hover{background-color:#fef2f2}.modern-input{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:all .2s ease;background-color:#ffffff}.modern-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.modern-button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem}.modern-button-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#ffffff}.modern-button-primary:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.modern-button-secondary{background-color:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.modern-button-secondary:hover{background-color:#e2e8f0;transform:translateY(-1px)}.modern-dropzone{border:2px dashed #cbd5e1;padding:3rem 2rem;text-align:center;cursor:pointer;border-radius:12px;margin-bottom:1.5rem;transition:all .2s ease;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.modern-dropzone:hover{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.modern-dropzone-icon{width:48px;height:48px;color:#64748b;margin:0 auto 1rem}.modern-dropzone:hover .modern-dropzone-icon{color:#3b82f6}@media (max-width:768px){.app-header,.app-main-content{padding:1rem}.app-logo h1{font-size:1.25rem}.app-nav-icon svg{width:20px;height:20px}.app-nav-label{font-size:.7rem}.link-card-header{padding:.875rem 1rem}.link-card-body{padding:1rem}.link-card-actions button{padding:.875rem .5rem;font-size:.8rem}.modern-dropzone{padding:2rem 1rem}.app-dropdown-menu{min-width:160px}}@media (max-width:480px){.app-header,.app-main-content{padding:.75rem}.app-nav-item{min-width:50px;padding:.375rem .5rem}.app-nav-label{font-size:.65rem}}.modern-alert{padding:1rem 1.25rem;border-radius:8px;margin-bottom:1.5rem;border:1px solid}.modern-alert-warning{background-color:#fffbeb;border-color:#fed7aa;color:#92400e}.modern-alert-info{background-color:#eff6ff;border-color:#bfdbfe;color:#1e40af}.modern-alert-success{background-color:#ecfdf5;border-color:#a7f3d0;color:#065f46}.modern-alert-error{background-color:#fef2f2;border-color:#fecaca;color:#991b1b}.modern-progress{width:100%;height:8px;background-color:#e2e8f0;border-radius:4px;overflow:hidden}.modern-progress::-webkit-progress-bar{background-color:#e2e8f0;border-radius:4px}.modern-progress::-webkit-progress-value{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:4px}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}