:root{--bg-color:#f5f7fc;--bg-accent:#f5f7fc;--surface-color:#ffffffd6;--surface-strong:#fff;--surface-muted:#081120b8;--primary-color:#4f7cff;--primary-strong:#345cf2;--primary-soft:#4f7cff24;--secondary-color:#5d6b82;--success-color:#1faa72;--danger-color:#e85d75;--warning-color:#f5b63f;--light-color:#f5f7fc;--dark-color:#10213a;--text-color:#10213a;--text-muted:#5d6b82;--border-color:#7d95be3d;--shadow-color:#07111f24;--shadow-strong:0 24px 60px #08112029;--shadow-soft:0 10px 30px #0c152814;--radius-sm:14px;--radius-md:20px;--radius-lg:28px;--container-width:1180px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#f5f7fc;background:var(--bg-color);color:#10213a;color:var(--text-color);font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6;min-height:100vh}a{color:inherit}button,input,select,textarea{font:inherit}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed}#root{min-height:100vh}.container{margin:0 auto;width:min(1180px,calc(100% - 32px));width:min(var(--container-width),calc(100% - 32px))}.page-title{font-size:clamp(2rem,4vw,3.1rem);line-height:1.05;margin-bottom:12px}.page-title,.section-title{color:#10213a;color:var(--dark-color)}.section-title{font-size:clamp(1.9rem,3vw,2.8rem);line-height:1.1;margin-bottom:16px}.section-eyebrow{align-items:center;background:#4f7cff1a;border:1px solid #4f7cff24;border-radius:999px;color:#4f7cff;color:var(--primary-color);display:inline-flex;font-size:.8rem;font-weight:700;gap:8px;letter-spacing:.08em;padding:8px 14px;text-transform:uppercase}.section-description{color:#5d6b82;color:var(--text-muted);font-size:1.05rem;max-width:760px}.btn{align-items:center;border:1px solid #0000;border-radius:999px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:700;gap:10px;justify-content:center;line-height:1;min-height:46px;padding:0 18px;text-decoration:none;transition:transform .18s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,#4f7cff,#7d7eff);background:linear-gradient(135deg,var(--primary-color),#7d7eff);box-shadow:0 14px 28px #4f7cff47;color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#345cf2,#676bf8);background:linear-gradient(135deg,var(--primary-strong),#676bf8)}.btn-secondary{background:#10213a12;border-color:#4f7cff2e;box-shadow:0 10px 24px #08112014;color:#10213a;color:var(--dark-color)}.btn-secondary:hover{background:#4f7cff1f}.btn-danger{background:linear-gradient(135deg,#e85d75,#f08b61);background:linear-gradient(135deg,var(--danger-color),#f08b61);box-shadow:0 14px 24px #e85d753d;color:#fff}.btn-danger:hover{background:linear-gradient(135deg,#dc4565,#eb7448)}.btn-link{background:none;border:none;color:#4f7cff;color:var(--primary-color);font-weight:700;min-height:auto;padding:0}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.92rem;font-weight:700;margin-bottom:8px}.form-control,.form-group label{color:#10213a;color:var(--dark-color)}.form-control{background:#ffffffeb;border:1px solid #7d95be3d;border:1px solid var(--border-color);border-radius:16px;box-shadow:inset 0 1px 0 #ffffffb3;font-size:.98rem;min-height:52px;padding:14px 16px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;width:100%}.form-control:focus{background:#fff;border-color:#4f7cffa6;box-shadow:0 0 0 4px #4f7cff1f;outline:none}textarea.form-control{min-height:132px;resize:vertical}.form-text{color:#5d6b82;color:var(--text-muted);display:block;font-size:.85rem;margin-top:8px}.card,.surface-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd6;background:var(--surface-color);border:1px solid #ffffff85;border-radius:20px;border-radius:var(--radius-md);box-shadow:0 10px 30px #0c152814;box-shadow:var(--shadow-soft)}.surface-card{padding:28px}.alert{border:1px solid #0000;border-radius:16px;margin-bottom:20px;padding:14px 16px}.alert-danger{background-color:#e85d751f;border-color:#e85d7533;color:#9b2844}.alert-success{background-color:#1faa721f;border-color:#1faa7233;color:#166847}.empty-state,.text-center{text-align:center}.empty-state{background:#4f7cff0d;border:1px dashed #4f7cff38;border-radius:24px;color:#5d6b82;color:var(--text-muted);padding:44px 24px}.empty-state p+p{margin-top:8px}.loading-state{color:#5d6b82;color:var(--text-muted);padding:36px 24px;text-align:center}.page-shell{padding:32px 0 72px}@media (max-width:768px){.container{width:min(1180px,calc(100% - 20px));width:min(var(--container-width),calc(100% - 20px))}.page-shell{padding:24px 0 56px}.surface-card{padding:24px}.btn{width:100%}}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;position:relative;z-index:1}.main-content:before{background:radial-gradient(circle at 10% 15%,#4f7cff24,#0000 30%),radial-gradient(circle at 88% 12%,#8258ff1a,#0000 24%),radial-gradient(circle at 10% 15%,#4f7cff21,#0000 24%),radial-gradient(circle at 88% 12%,#7d7eff21,#0000 22%),radial-gradient(circle at 60% 72%,#1faa7214,#0000 28%);content:"";inset:0;pointer-events:none;position:fixed;z-index:-1}.auth-container{margin:40px auto;max-width:560px}.auth-form{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--surface-color);border:1px solid #ffffff8f;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:28px}.auth-form .form-actions{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-top:30px}.dashboard-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.dashboard-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--surface-color);border:1px solid #ffffff8a;border-radius:var(--radius-md);box-shadow:var(--shadow-soft);padding:24px}.dashboard-card h3{color:var(--dark-color);margin-bottom:15px}.data-table{border-collapse:collapse;margin-top:20px;width:100%}.data-table td,.data-table th{border-bottom:1px solid #7d95be2e;padding:14px 16px;text-align:left}.data-table th{color:var(--text-muted);font-size:.86rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.data-table tr:hover{background-color:#4f7cff0d}.search-bar{margin-bottom:20px}.tab-navigation{background:#10213a0f;border:1px solid #7d95be2e;border-radius:999px;display:inline-flex;flex-wrap:wrap;gap:10px;padding:8px}.tab-button{background:#0000;border:none;border-radius:999px;color:var(--text-muted);cursor:pointer;font-size:.95rem;font-weight:700;min-width:120px;padding:12px 18px;transition:background-color .2s ease,color .2s ease,transform .18s ease}.tab-button:hover{background:#ffffffb8;color:var(--dark-color)}.tab-button.active{background:linear-gradient(135deg,var(--primary-color),#7d7eff);box-shadow:0 10px 24px #4f7cff38;color:#fff}@media (max-width:768px){.auth-form .form-actions{align-items:stretch;flex-direction:column}.tab-navigation{display:flex}.tab-button{flex:1 1 100%;width:100%}}.home-page{position:relative}.hero-panel{grid-gap:28px;align-items:stretch;background:linear-gradient(135deg,#fffffff5,#f1f6fffa);border:1px solid #ffffffb3;border-radius:34px;box-shadow:var(--shadow-soft);color:var(--dark-color);display:grid;gap:28px;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);margin-top:14px;padding:34px}.hero-copy h1{font-size:clamp(2rem,4vw,3rem);line-height:.98;margin-top:18px}.hero-subtitle{color:var(--text-muted);font-size:1.08rem;margin-top:18px;max-width:720px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.hero-trust-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:30px}.trust-card{background:#4f7cff0f;border:1px solid #4f7cff1f;border-radius:20px;padding:18px}.trust-card strong{display:block;font-size:1rem;margin-bottom:6px}.trust-card span{color:var(--text-muted);font-size:.92rem}.hero-visual{background:#ffffffeb;display:flex;flex-direction:column;gap:22px;justify-content:space-between}.hero-visual-top{display:flex;gap:8px}.hero-window-dot{border-radius:999px;height:10px;width:10px}.hero-window-dot.red{background:#ff6d7c}.hero-window-dot.yellow{background:#ffca5c}.hero-window-dot.green{background:#4fd69c}.hero-visual-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.hero-mini-card,.hero-stat-card{background:#4f7cff14;border-radius:20px;padding:18px}.hero-stat-primary{background:linear-gradient(135deg,#4f7cff29,#7d7eff2e);grid-column:1/-1}.hero-mini-card span,.hero-stat-card span{color:var(--text-muted);display:block;font-size:.9rem}.hero-stat-card strong{color:var(--dark-color);display:block;font-size:1.35rem;line-height:1.2;margin:10px 0}.hero-stat-card p{color:var(--text-muted)}.hero-mini-card strong{color:var(--dark-color);display:block;font-size:1.5rem;margin-bottom:8px}.home-section{margin-top:32px}.section-heading{margin-bottom:22px}.section-eyebrow-dark{background:#4f7cff1a;border-color:#4f7cff1f;color:var(--primary-color)}.feature-showcase{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.feature-showcase-card h3{color:var(--dark-color);font-size:1.25rem;margin-bottom:12px;margin-top:18px}.feature-showcase-card p{color:var(--text-muted)}.feature-badge{background:#4f7cff1a;border-radius:999px;color:var(--primary-color);display:inline-flex;font-size:.8rem;font-weight:700;padding:8px 12px}.download-card{grid-gap:26px;align-items:start;display:grid;gap:26px;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)}.download-copy h2{color:var(--dark-color);font-size:clamp(2rem,3vw,2.8rem);line-height:1.08;margin-bottom:14px;margin-top:16px}.download-copy p{color:var(--text-muted)}.download-buttons{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px}.download-steps{background:#4f7cff14;border-radius:24px;padding:24px}.download-steps h3{color:var(--dark-color);margin-bottom:12px}.download-steps ol{color:var(--text-muted);padding-left:18px}.download-steps li+li{margin-top:10px}.download-steps code{background:#4f7cff1f;border-radius:8px;color:var(--primary-strong);padding:2px 8px}.cta-panel{align-items:center;background:linear-gradient(135deg,#fffffff5,#f3f7fffa);border:1px solid #ffffffb8;border-radius:30px;box-shadow:var(--shadow-soft);color:var(--dark-color);display:flex;gap:24px;justify-content:space-between;padding:30px 34px}.cta-panel h2{color:var(--dark-color);font-size:clamp(1.9rem,3vw,2.8rem);line-height:1.08;margin-bottom:10px;margin-top:16px}.cta-panel p{color:var(--text-muted);max-width:640px}.cta-actions{display:flex;flex-wrap:wrap;gap:14px}@media (max-width:1024px){.cta-panel,.download-card,.feature-showcase,.hero-panel{grid-template-columns:1fr}.cta-panel{align-items:flex-start;flex-direction:column}}@media (max-width:768px){.hero-panel{padding:24px}.feature-showcase,.hero-trust-row,.hero-visual-grid{grid-template-columns:1fr}.cta-panel,.download-card{padding:24px}.cta-actions,.download-buttons,.hero-actions{flex-direction:column}}.auth-page{position:relative}.auth-shell{grid-gap:28px;align-items:stretch;display:grid;gap:28px;grid-template-columns:minmax(0,.95fr) minmax(360px,.85fr)}.auth-intro{background:linear-gradient(135deg,#fffffff5,#f2f6fffa);border:1px solid #ffffffb8;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);color:var(--dark-color);padding:34px}.auth-intro h1{font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.02;margin-top:18px}.auth-intro p{color:var(--text-muted);margin-top:16px}.auth-benefits{grid-gap:14px;display:grid;gap:14px;margin-top:28px}.auth-benefit-card{background:#4f7cff0f;border:1px solid #4f7cff1f;border-radius:20px;padding:18px}.auth-benefit-card strong{display:block;margin-bottom:6px}.auth-benefit-card span{color:var(--text-muted)}.auth-form-panel{align-items:stretch;display:flex}.auth-form{width:100%}.auth-form-header{margin-bottom:22px}.auth-form-header h2{color:var(--dark-color);margin-bottom:8px;text-align:left}.auth-form-header p{color:var(--text-muted)}.auth-link{color:var(--primary-color);font-weight:700;text-decoration:none}.auth-link:hover{text-decoration:underline}.advanced-toggle{margin-bottom:10px}.advanced-settings{background:#4f7cff0f;border:1px solid #4f7cff24;border-radius:20px;padding:16px}@media (max-width:900px){.auth-shell{grid-template-columns:1fr}}.dashboard-overview{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:24px}.dashboard-metric-card{overflow:hidden;position:relative}.dashboard-metric-card:after{background:radial-gradient(circle,#4f7cff1f,#0000 70%);content:"";height:120px;inset:auto -24px -32px auto;position:absolute;width:120px}.card-content{grid-gap:14px;display:grid;gap:14px}.stat{align-items:center;display:flex;gap:16px;justify-content:space-between}.stat-value{color:var(--dark-color);font-size:2.2rem;font-weight:800}.stat-label{color:var(--text-muted);font-size:.85rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.stat-text{color:var(--dark-color);font-size:.94rem}.data-section{padding:26px}.tab-content{padding-top:20px}.data-table-container{overflow-x:auto}.bookmark-actions{padding:16px 0;text-align:center}.bookmark-actions .btn{max-width:220px}.bookmark-actions .help-text{color:var(--text-muted);margin-top:12px}.bookmark-header{align-items:center;display:flex;gap:18px;justify-content:space-between;margin-bottom:18px}.bookmark-header h3{color:var(--dark-color)}.dashboard-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.bookmark-tree-container{grid-gap:12px;display:grid;gap:12px}.bookmark-folder,.bookmark-item{background:#ffffffc7;border:1px solid #7d95be2e;border-radius:18px}.bookmark-item,.folder-header{align-items:center;display:flex;gap:12px;padding:14px 16px}.folder-header{cursor:pointer;font-weight:700}.folder-title{color:var(--dark-color);flex:1 1}.folder-children{grid-gap:10px;display:grid;gap:10px;padding:0 14px 14px}.bookmark-item a{color:var(--primary-strong);text-decoration:none;word-break:break-all}.bookmark-item a:hover{text-decoration:underline}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0811208c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:30}.modal{background:#fffffff0;border:1px solid #ffffff9e;border-radius:28px;box-shadow:var(--shadow-strong);padding:28px;width:min(100%,520px)}.modal h3{color:var(--dark-color);margin-bottom:10px}.modal p{color:var(--text-muted);margin-bottom:18px}.modal-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-top:18px}.note-list,.password-list{grid-gap:12px;display:grid;gap:12px}.note-card,.password-card{background:#ffffffd1;border:1px solid #7d95be2e;border-radius:20px;box-shadow:0 12px 26px #0811200f;cursor:pointer;padding:18px;text-align:left;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;width:100%}.note-card:hover,.password-card:hover{border-color:#4f7cff42;box-shadow:0 18px 30px #0c15281f;transform:translateY(-2px)}.note-card-header,.password-card-header{display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.note-card-header strong,.password-card-header strong{color:var(--dark-color)}.note-card-header span,.password-card-header span{color:var(--text-muted);font-size:.84rem;white-space:nowrap}.note-card p{color:var(--text-muted)}.card-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.card-field{color:var(--text-muted);font-size:.88rem;overflow:hidden;text-overflow:ellipsis}.card-url{flex:0 0 160px;white-space:nowrap}.card-username{flex:0 0 130px;white-space:nowrap}.card-secret{flex:1 1;font-family:monospace;min-width:80px}.card-eye-btn{background:none;border:1px solid #4f7cff2e;border-radius:12px;cursor:pointer;flex-shrink:0;font-size:1rem;line-height:1;padding:4px 8px;transition:background .15s ease}.card-eye-btn:hover{background:#4f7cff1a}.note-editor-modal,.password-editor-modal{width:min(100%,680px)}.note-editor-actions{justify-content:flex-end}.password-search-row{margin-bottom:16px}.password-secret-row{align-items:center;display:flex;gap:10px}.password-secret-row .form-control{flex:1 1}.import-preview-card{background:#4f7cff12;border:1px solid #4f7cff29;border-radius:22px;margin-bottom:16px;padding:18px}.import-preview-header{align-items:flex-start;display:flex;gap:18px;justify-content:space-between}.import-preview-header p{color:var(--text-muted);margin-top:8px}.import-preview-actions{display:flex;flex-wrap:wrap;gap:10px}.import-warning{color:#9a6700;margin-top:12px}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (max-width:1024px){.dashboard-overview{grid-template-columns:1fr}}@media (max-width:768px){.data-section,.modal,.note-editor-modal,.password-editor-modal{padding:22px}.bookmark-header,.dashboard-actions,.import-preview-header,.modal-actions,.note-card-header,.password-card-header,.password-secret-row{align-items:stretch;flex-direction:column}.note-card-header span,.password-card-header span{white-space:normal}}.settings-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:24px}.settings-card-heading{margin-bottom:22px}.settings-card-heading h2{color:var(--dark-color);font-size:1.4rem;margin-bottom:8px}.settings-card-heading p{color:var(--text-muted)}.logout-section{align-items:center;display:flex;gap:20px;justify-content:space-between}.logout-section h2{color:var(--dark-color);margin-bottom:6px}.logout-section p{color:var(--text-muted)}@media (max-width:900px){.settings-grid{grid-template-columns:1fr}.logout-section{align-items:flex-start;flex-direction:column}}.not-found-shell{background:linear-gradient(135deg,#fffffff5,#f1f6fffa);border:1px solid #ffffffb8;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);color:var(--dark-color);padding:48px 36px;text-align:center}.not-found-shell h1{font-size:clamp(5rem,12vw,9rem);line-height:.9;margin-top:20px}.not-found-shell h2{color:var(--dark-color);font-size:clamp(1.8rem,4vw,2.6rem);margin-top:18px}.not-found-shell p{color:var(--text-muted);margin:16px auto 0;max-width:620px}.not-found-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:28px}.header{padding:18px 0 0;position:-webkit-sticky;position:sticky;top:0;z-index:20}.header-shell{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border:1px solid #ffffff9e;border-radius:24px;box-shadow:var(--shadow-soft);display:flex;gap:20px;justify-content:space-between;padding:16px 20px}.brand-mark{color:var(--dark-color);gap:12px;text-decoration:none}.brand-mark,.brand-mark-icon{align-items:center;display:inline-flex}.brand-mark-icon{background:linear-gradient(135deg,#4f7cff,#8f75ff);border-radius:14px;box-shadow:0 12px 24px #4f7cff3d;height:44px;justify-content:center;width:44px}.brand-mark-copy{display:flex;flex-direction:column;line-height:1.1}.brand-mark-copy strong{font-size:1.08rem}.brand-mark-copy small{color:var(--text-muted);font-size:.76rem}.main-nav{align-items:center;background:#4f7cff14;border-radius:999px;display:inline-flex;gap:10px;padding:6px}.nav-link{border-radius:999px;color:var(--text-muted);font-weight:700;padding:10px 16px;text-decoration:none;transition:background-color .2s ease,color .2s ease}.nav-link.active,.nav-link:hover{background:#ffffffd1;color:var(--dark-color)}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.header-action-btn{min-width:116px}.user-chip{background:#4f7cff14;border-radius:18px;color:var(--dark-color);display:flex;flex-direction:column;padding:10px 14px}.user-chip-label{color:var(--text-muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.user-chip strong{font-size:.9rem;word-break:break-all}@media (max-width:1024px){.header-shell{flex-wrap:wrap}.header-actions,.main-nav{width:100%}.header-actions{justify-content:space-between}}@media (max-width:768px){.header{padding-top:12px}.header-shell{border-radius:20px;padding:16px}.main-nav{flex-wrap:wrap;justify-content:center}.nav-link{flex:1 1 100%;text-align:center}.header-actions{justify-content:stretch}.user-chip{width:100%}}.footer{margin-top:24px;padding:0 0 28px}.footer-shell{grid-gap:28px;background:#081120e6;border-radius:var(--radius-lg);box-shadow:var(--shadow-strong);color:#fff;display:grid;gap:28px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);padding:34px}.footer-badge{background:#ffffff14;border-radius:999px;color:#dce7ff;display:inline-flex;font-size:.76rem;font-weight:700;letter-spacing:.08em;padding:8px 12px;text-transform:uppercase}.footer-brand h2{font-size:2rem;margin-top:18px}.footer-brand p{color:#e2ecffb8;margin-top:12px;max-width:420px}.footer-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.footer-section h3{font-size:1rem;margin-bottom:14px}.footer-section ul{list-style:none}.footer-section li+li{margin-top:10px}.footer-section a{color:#e2ecffb8;text-decoration:none;transition:color .2s ease}.footer-section a:hover{color:#fff}.footer-bottom{color:#10213ab8;font-size:.9rem;padding-top:18px;text-align:center}@media (max-width:900px){.footer-grid,.footer-shell{grid-template-columns:1fr}}
/*# sourceMappingURL=main.69b59929.css.map*/