@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--color-primary:#00b4d8;--color-primary-hover:#0096c7;--color-primary-glow:#00b4d840;--color-secondary:#0f172a;--color-secondary-light:#1e293b;--bg-app:#090d16;--bg-card:#1e293b80;--border-glass:#ffffff14;--color-success:#10b981;--color-error:#f43f5e;--color-warning:#f59e0b;--text-main:#f8fafc;--text-muted:#94a3b8;--neutral-white:#fff;--font-headlines:"Outfit", sans-serif;--font-body:"Outfit", sans-serif;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:20px;--transition-fast:.15s ease;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--shadow-premium:0 10px 30px -10px #000000b3}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.global-loader-container{background-color:var(--bg-app);flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.global-loader-spinner{margin-bottom:1.5rem;font-size:3.5rem;animation:1s infinite alternate bounce}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-20px)}}.global-loader-container h2{font-family:var(--font-headlines);color:var(--color-primary);font-size:1.25rem;font-weight:500}.app-container{min-height:100vh;display:flex}.sidebar{background-color:var(--color-secondary);border-right:1px solid var(--border-glass);z-index:10;width:280px;transition:var(--transition-normal);flex-direction:column;flex-shrink:0;justify-content:space-between;padding:2rem 1.5rem;display:flex}.brand-section{align-items:center;gap:.75rem;margin-bottom:2.5rem;display:flex}.brand-logo{filter:drop-shadow(0 0 10px var(--color-primary-glow));font-size:1.8rem}.brand-name{font-family:var(--font-headlines);letter-spacing:-.5px;color:var(--neutral-white);font-size:1.3rem;font-weight:700}.sidebar-nav{flex-direction:column;gap:.5rem;display:flex}.nav-item{border-radius:var(--border-radius-md);color:var(--text-muted);font-family:var(--font-body);cursor:pointer;text-align:left;transition:var(--transition-fast);background:0 0;border:none;align-items:center;gap:1rem;padding:.85rem 1.25rem;font-size:.95rem;font-weight:500;display:flex}.nav-item:hover{color:var(--text-main);background:#ffffff08}.nav-item.active{background:var(--color-primary-glow);color:var(--color-primary);font-weight:600}.sidebar-footer{color:var(--text-muted);margin-top:1.5rem;font-size:.75rem;line-height:1.5}.main-content{flex-grow:1;padding:2.5rem;position:relative;overflow-y:auto}.mobile-header{display:none}.api-loading-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-glass);color:var(--color-primary);z-index:9999;background:#0f172ad9;border-radius:30px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;animation:.3s fadeIn;display:flex;position:fixed;top:1.5rem;right:1.5rem;box-shadow:0 4px 20px #00000040}.spinner-icon{width:16px;height:16px;animation:1s linear infinite rotate}.spinner-icon .path{stroke:var(--color-primary);stroke-linecap:round;animation:1.5s ease-in-out infinite dash}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1 150;stroke-dashoffset:0}50%{stroke-dasharray:90 150;stroke-dashoffset:-35px}to{stroke-dasharray:90 150;stroke-dashoffset:-124px}}.toast-notification{border-radius:var(--border-radius-md);z-index:99999;box-shadow:var(--shadow-premium);align-items:center;gap:.75rem;padding:1rem 1.5rem;font-size:.95rem;font-weight:500;animation:.35s cubic-bezier(.16,1,.3,1) slideIn;display:flex;position:fixed;bottom:2rem;right:2rem}.toast-success{border-left:4px solid var(--color-success);color:#a7f3d0;background-color:#064e3b}.toast-error{border-left:4px solid var(--color-error);color:#fecdd3;background-color:#4c0519}@keyframes slideIn{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#05080fd9;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1.5rem;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:var(--color-secondary-light);border:1px solid var(--border-glass);border-radius:var(--border-radius-lg);width:100%;max-width:520px;max-height:85vh;box-shadow:var(--shadow-premium);color:var(--text-main);flex-direction:column;padding:2.25rem;animation:.35s cubic-bezier(.16,1,.3,1) modalScaleUp;display:flex}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:1.75rem;display:flex}.modal-header h2{font-family:var(--font-headlines);letter-spacing:-.5px;color:var(--neutral-white);font-size:1.5rem;font-weight:700}.close-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;font-size:1.8rem}.close-btn:hover{color:var(--text-main)}.modal-body{flex-grow:1;margin-bottom:1.5rem;padding-right:6px;overflow-y:auto}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:0 0}.modal-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.modal-footer{border-top:1px solid var(--border-glass);flex-shrink:0;justify-content:flex-end;gap:.75rem;padding-top:1.25rem;display:flex}.form-group{margin-bottom:1.25rem}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.form-control{border:1px solid var(--border-glass);border-radius:var(--border-radius-md);width:100%;height:48px;color:var(--text-main);font-family:var(--font-body);transition:var(--transition-fast);background-color:#090d1699;padding:0 1rem;font-size:.95rem}.form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow);outline:none}textarea.form-control{resize:none;height:100px;padding:.85rem 1rem}.btn{border-radius:var(--border-radius-md);height:48px;font-family:var(--font-body);cursor:pointer;transition:var(--transition-normal);border:none;justify-content:center;align-items:center;gap:.5rem;padding:0 1.5rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:var(--color-secondary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:0 8px 20px -4px var(--color-primary-glow);transform:translateY(-2px)}.btn-secondary{background-color:var(--color-secondary);border:1px solid var(--border-glass);color:var(--text-main)}.btn-secondary:hover:not(:disabled){background-color:var(--color-secondary-light);color:var(--neutral-white)}.btn-danger{color:var(--color-error);background-color:#f43f5e26;border:1px solid #f43f5e33}.btn-danger:hover:not(:disabled){background-color:var(--color-error);color:var(--neutral-white);transform:translateY(-2px)}.btn:disabled{opacity:.5;cursor:not-allowed}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2.5rem;display:flex}.dashboard-title-section h1{font-family:var(--font-headlines);letter-spacing:-.5px;background:linear-gradient(to right, var(--neutral-white), var(--text-muted));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2rem;font-weight:800}.dashboard-title-section p{color:var(--text-muted);margin-top:.25rem;font-size:.95rem}.search-and-action{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.search-input-wrapper{width:280px;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-control{padding-left:2.75rem}.cards-grid{perspective:1000px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.75rem;display:grid}.card-item{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:250px;transform-style:preserve-3d;flex-direction:column;justify-content:space-between;padding:1.75rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:0 4px 30px #00000026}.card-item:hover{border-color:var(--color-primary);transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px -10px #00b4d826}.card-top{margin-bottom:1.5rem}.card-title-row{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.card-title{font-family:var(--font-headlines);color:var(--neutral-white);font-size:1.25rem;font-weight:700;line-height:1.3}.card-app-icon{border-radius:var(--border-radius-md);width:44px;height:44px;color:var(--color-primary);border:1px solid var(--border-glass);background:#ffffff0d;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.card-description{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.75rem;font-size:.88rem;line-height:1.5;display:-webkit-box;overflow:hidden}.card-credentials-panel{border-radius:var(--border-radius-md);border:1px solid var(--border-glass);background:#090d1666;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;padding:.85rem 1rem;display:flex}.credential-field{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.credential-value-wrapper{align-items:center;gap:.5rem;max-width:70%;display:flex}.credential-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;font-size:.7rem;font-weight:700}.credential-value{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;overflow:hidden}.credential-value.password-value{letter-spacing:1px;font-family:monospace;font-size:1rem}.btn-icon-action{color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.btn-icon-action:hover{color:var(--color-primary);background:#00b4d81a}.card-actions-row{border-top:1px solid var(--border-glass);justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;display:flex}.card-visit-link{color:var(--color-primary);transition:var(--transition-fast);align-items:center;gap:.35rem;font-size:.9rem;font-weight:600;text-decoration:none;display:flex}.card-visit-link:hover{color:var(--neutral-white);text-shadow:0 0 8px var(--color-primary-glow)}.card-admin-actions{gap:.25rem;display:flex}.empty-view-container{text-align:center;background:var(--bg-card);border:1px dashed var(--border-glass);border-radius:var(--border-radius-lg);flex-direction:column;justify-content:center;align-items:center;max-width:600px;margin:3rem auto;padding:5rem 2rem;display:flex}.empty-view-icon{opacity:.8;margin-bottom:1.5rem;font-size:4rem}.empty-view-container h3{font-family:var(--font-headlines);color:var(--neutral-white);margin-bottom:.5rem;font-size:1.35rem;font-weight:700}.empty-view-container p{color:var(--text-muted);margin-bottom:1.75rem;font-size:.95rem}.password-generator-box{border-radius:var(--border-radius-md);border:1px solid var(--border-glass);background:#090d1666;flex-direction:column;gap:.5rem;margin-top:.5rem;padding:.85rem;display:flex}.generator-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}@media (width<=992px){.sidebar{width:240px}}@media (width<=768px){.app-container{flex-direction:column}.sidebar{width:280px;height:calc(100vh - 56px);transition:var(--transition-normal);position:fixed;top:56px;left:-280px}.sidebar.mobile-open{left:0}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5;background:#00000080;width:100vw;height:calc(100vh - 56px);position:fixed;top:56px;left:0}.mobile-header{background-color:var(--color-secondary);border-bottom:1px solid var(--border-glass);z-index:100;justify-content:space-between;align-items:center;height:56px;padding:0 1.25rem;display:flex;position:sticky;top:0}.menu-toggle-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.main-content{height:calc(100vh - 56px);padding:1.5rem}.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}.search-and-action{justify-content:space-between;width:100%}.search-input-wrapper{flex-grow:1;width:100%}.btn-action-add{width:auto}}.accordion-container{flex-direction:column;gap:1.5rem;margin-top:1rem;display:flex}.accordion-item-wrapper{border:1px solid var(--border-glass);border-radius:var(--border-radius-lg);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);background:#1e293b40;overflow:hidden}.accordion-item-wrapper:hover{border-color:#00b4d84d}.accordion-header{width:100%;color:var(--text-main);font-family:var(--font-headlines);cursor:pointer;text-align:left;transition:background-color var(--transition-fast);background:#0f172a66;border:none;outline:none;justify-content:space-between;align-items:center;padding:1.25rem 1.75rem;font-size:1.1rem;font-weight:700;display:flex}.accordion-header:hover{background:#0f172a99}.accordion-header-left{align-items:center;gap:.85rem;display:flex}.accordion-chevron{color:var(--color-primary);transition:transform var(--transition-normal);font-size:.75rem;display:inline-block}.is-collapsed .accordion-chevron{transform:rotate(-90deg)}.is-expanded .accordion-chevron{transform:rotate(0)}.accordion-title{letter-spacing:-.3px;background:linear-gradient(to right, var(--neutral-white), #f8fafccc);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.accordion-count{color:var(--color-primary);background:var(--color-primary-glow);border:1px solid #00b4d833;border-radius:20px;padding:.15rem .5rem;font-size:.75rem;font-weight:700}.accordion-content{transition:max-height .4s cubic-bezier(.16, 1, .3, 1), opacity var(--transition-normal);border-top:1px solid var(--border-glass);padding:1.75rem}.is-collapsed .accordion-content{display:none}.is-expanded .accordion-content{animation:.4s accordionFadeIn;display:block}@keyframes accordionFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}