:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#edf5ff;background:#070b12;font-synthesis:none;color-scheme:dark;font-size:16px}*,*:before,*:after{box-sizing:border-box;min-width:0}.build-probe{display:none!important}html,body,#root{width:100%;max-width:100%;min-height:100%;margin:0;overflow-x:hidden}body{min-height:100svh;min-height:100dvh;background:radial-gradient(circle at 50% -15%,#123b61 0,transparent 36%),#070b12}button,input,select{min-width:0;max-width:100%;font:inherit}.mobile-page{width:100%;max-width:100%;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.mobile-page>*{min-width:0;max-width:100%}button{border:0;border-radius:12px;background:linear-gradient(135deg,#67d2ff,#5c7bff);color:#07101a;font-weight:750;padding:12px 16px;min-height:44px;overflow-wrap:anywhere}button:disabled{opacity:.5}.secondary{background:#1c2b3d;color:#bde7ff}.ghost{background:transparent;color:#85cefa}.error{color:#ff9aa7}.eyebrow{margin:0;font-size:10px;letter-spacing:2px;color:#58caff;font-weight:800}.mark{width:50px;height:50px;flex:0 0 auto;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#67d2ff,#726aff);color:#07101a;font-weight:900;box-shadow:0 0 25px #47bfff35}.gate{width:100%;min-height:100svh;min-height:100dvh;display:grid;place-items:center;padding:max(22px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left))}.gate-card{width:min(440px,100%);max-width:100%;padding:28px;background:#101824;border:1px solid #27394f;border-radius:24px;box-shadow:0 25px 70px #0008;display:grid;gap:15px}.lock-page{width:100%;max-width:100%;overflow-x:clip}.lock-card{width:calc(100% - 32px);max-width:520px;margin-inline:auto;box-sizing:border-box}.unlock-form,.unlock-form label,.lock-card input,.lock-card button{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.unlock-form{display:grid;gap:15px}.lock-card input[type=password]{font-size:16px}.lock-page.keyboard-visible{height:var(--lock-visual-height, 100dvh);min-height:var(--lock-visual-height, 100dvh);align-items:start;overflow-y:auto;padding-top:calc(max(12px,env(safe-area-inset-top)) + var(--lock-visual-top, 0px))}.gate-brand{display:flex;align-items:center;gap:12px}.gate-brand span{font-size:14px;font-weight:800;color:#ccecff}.gate-card h1{margin:0;font-size:clamp(26px,5vw,30px);line-height:1.12;overflow-wrap:anywhere}.gate-card p{margin:0;color:#93a4ba;line-height:1.5}.gate-card .gate-intro{font-size:15px}.gate-card label,.flow label,.sheet form label{display:grid;gap:7px;color:#aebed2;font-size:13px}.security-details{font-size:13px;color:#85cefa}.security-details summary{cursor:pointer;min-height:32px;display:flex;align-items:center}.security-details p{padding:8px 0 0;font-size:12px}.compact-alert{padding:10px 12px;border:1px solid #873c4b66;border-radius:11px;background:#38192366;font-size:13px;line-height:1.4}input,select{width:100%;border:1px solid #2c3e54;border-radius:11px;background:#0b121d;color:#f2f7ff;padding:12px;outline:0}input:focus,select:focus{border-color:#59caff;box-shadow:0 0 0 3px #58caff20}.privacy-shield{position:fixed;inset:0;z-index:100;background:#080d15;display:grid;place-content:center;justify-items:center;gap:14px;color:#99aabd;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.mobile-shell{width:100%;min-height:100svh;min-height:100dvh;display:flex}.mobile-shell aside{position:fixed;inset:0 auto 0 0;width:240px;padding:25px 18px;background:#090f18;border-right:1px solid #1e2c3e;display:flex;flex-direction:column}.side-brand{display:flex;align-items:center;gap:12px;padding-bottom:25px;border-bottom:1px solid #1c2939}.side-brand .mark{width:40px;height:40px}.mobile-shell aside nav{display:grid;gap:7px;margin-top:25px}.mobile-shell aside nav button{background:transparent;color:#8193a9;text-align:left}.mobile-shell aside nav .active{background:#112c40;color:#8bd9ff;box-shadow:inset 2px 0 #5bd0ff}.mobile-shell aside>button{margin-top:auto;background:#172230;color:#b7c6d9}.home{width:calc(100% - 240px);max-width:1200px;margin-left:240px;padding:34px}.mobile-head{display:flex;justify-content:space-between;align-items:center;gap:14px}.mobile-head h1{margin:2px 0;font-size:clamp(28px,3vw,34px);line-height:1.1}.head-actions{display:flex;gap:8px}.head-actions button{width:44px;padding:8px;background:#172433;color:#91d8ff}.toolbar{display:flex;margin:25px 0 20px}.toolbar .search{position:relative;display:flex;align-items:center;flex:1;color:#6f8299}.toolbar .search input{padding-left:38px}.section-title{font-size:11px;letter-spacing:2px;color:#7388a1;font-weight:800}.code-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:15px}.code-card{width:100%;max-width:100%;padding:18px;background:linear-gradient(145deg,#121d2b,#0c141f);border:1px solid #26394f;border-radius:19px;box-shadow:0 14px 35px #0005;overflow:hidden}.code-card.expiring{border-color:#9d7138}.code-card header{display:flex;align-items:center;gap:11px}.service-icon{width:42px;height:42px;flex:0 0 auto;border-radius:12px;display:grid;place-items:center;background:#1b334a;color:#80d4ff;font-weight:850}.code-card header>div:nth-child(2){display:grid;flex:1}.code-card header strong,.code-card header span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.code-card header span{font-size:12px;color:#8395ab}.star{flex:0 0 auto;background:transparent;color:#536379;padding:6px}.star.active{color:#ffd06d}.code-line{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 0}.code-line>button{min-width:0;background:transparent;color:#f5f9ff;font-size:clamp(27px,7vw,31px);letter-spacing:3px;padding:0;text-shadow:0 0 22px #6ed0ff30;white-space:nowrap}.ring{--p: 0deg;width:54px;height:54px;flex:0 0 54px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,#101a27 58%,transparent 60%),conic-gradient(#59ceff var(--p),#26384c 0)}.ring strong{font-size:14px;line-height:14px}.ring small{font-size:7px;color:#6f8299}.expiry{color:#f6bd6d;font-size:11px;margin:-8px 0 12px}.code-card footer{display:flex;align-items:center;gap:8px;color:#71849c;font-size:11px}.code-card footer button{margin-left:auto;padding:7px 10px;min-height:34px;background:#1b3348;color:#8edaff;font-size:11px}.empty{width:min(420px,100%);margin:0 auto;text-align:center;padding:38px 12px 20px;color:#8394aa;display:grid;justify-items:center;gap:8px}.empty>div{width:56px;height:56px;border:1px dashed #3a506a;border-radius:17px;display:grid;place-items:center;font-size:25px}.empty h2,.empty p{margin:0}.empty h2{color:#d9eaff;font-size:22px}.empty p{font-size:14px}.empty button{margin-top:8px;width:min(260px,100%)}.fab{position:fixed;right:max(28px,env(safe-area-inset-right));bottom:max(28px,env(safe-area-inset-bottom));width:58px;height:58px;border-radius:18px;font-size:28px;box-shadow:0 12px 35px #4cbfff55}.bottom{display:none}.sheet-bg{position:fixed;inset:0;max-width:100%;background:#03060ab8;z-index:20;display:grid;align-items:end;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.sheet{position:relative;width:min(760px,calc(100% + -0px));max-width:100%;max-height:calc(100dvh - 24px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;margin:0 auto;padding:22px max(22px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));background:#101925;border:1px solid #2b3e54;border-radius:24px}.handle{width:45px;height:4px;background:#36495f;border-radius:5px;margin:0 auto 18px}.sheet h2{margin:5px 0 18px;font-size:clamp(23px,5vw,28px)}.add-menu,.flow{display:grid;gap:11px}.add-menu button,.file-button{width:100%;display:block;text-align:left;background:#152334;border:1px solid #293c52;color:#c5eaff;border-radius:13px;padding:14px;font-weight:700;overflow-wrap:anywhere}.file-button input{display:none}.web-scanner{position:fixed;inset:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));z-index:30;width:auto;max-width:560px;min-height:0;margin:auto;padding:20px;background:#101925;border:1px solid #2b3e54;border-radius:22px;box-shadow:0 25px 80px #000c;display:grid;align-content:start;gap:13px;overflow-y:auto;overflow-x:hidden}.web-scanner h2,.web-scanner p{margin:0}.camera-preview{position:relative;width:100%;max-width:100%;aspect-ratio:4 / 3;max-height:48dvh;overflow:hidden;border:1px solid #31506b;border-radius:18px;background:#050a10}.camera-preview video{width:100%;height:100%;display:block;object-fit:cover}.qr-target{position:absolute;width:min(62%,260px);aspect-ratio:1;left:50%;top:50%;translate:-50% -50%;border:2px solid #62d2ff;border-radius:18px;box-shadow:0 0 0 999px #02060a66,0 0 25px #50c8ff55}.camera-message{padding:10px 12px;border:1px solid #785365;border-radius:12px;background:#291923;color:#ffc7ce;font-size:13px;line-height:1.4}.camera-actions{display:grid;gap:9px}.camera-actions>*,.camera-file{width:100%;max-width:100%;text-align:center}.camera-actions .camera-file{min-height:48px;display:flex;align-items:center;justify-content:center;padding:12px;line-height:1.25}.sheet form{display:grid;gap:12px}.batch{padding:14px;border:1px solid #2a425b;border-radius:13px;background:#0b1521;color:#80d4ff}.import-list{max-height:330px;overflow:auto;display:grid;gap:8px}.import-item{max-width:100%;display:flex!important;flex-direction:row;align-items:center;padding:12px;border:1px solid #293d53;border-radius:12px;background:#0c1520}.import-item input{width:18px;flex:0 0 18px}.import-item span{display:grid;flex:1}.import-item strong,.import-item small{overflow-wrap:anywhere}.import-item small{color:#7f91a8}.import-item em{color:#eebb72;font-size:11px}.big-code{max-width:100%;font-size:clamp(30px,9vw,40px);letter-spacing:4px;text-align:center;padding:20px 12px;border:1px solid #2c4963;border-radius:16px;background:#0b1724;overflow-wrap:anywhere}.button-row{display:flex;gap:8px;flex-wrap:wrap}.settings-sheet{display:grid;gap:15px}.setting-row,.backup-action,.update-action,.sync-action{display:grid;gap:12px;padding:15px;background:#0c1520;border:1px solid #293d53;border-radius:15px}.setting-row span,.backup-action span,.update-action span,.sync-action span{display:grid;gap:4px}.setting-row small,.backup-action small,.update-action small,.sync-action small{color:#8295ac;line-height:1.4;overflow-wrap:anywhere}.setting-row select,.backup-action button,.update-action button,.sync-action button{width:100%}.sync-action{display:grid;gap:10px}.sync-state{display:block;margin-top:4px;color:#75d7a1;font-size:11px}.sync-state.offline{color:#e8bd72}.sync-state.conflict{color:#ff9aa7}.pwa-update,.pwa-toast{position:fixed;z-index:200;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));width:min(390px,calc(100% - 36px));max-width:calc(100% - 36px);padding:16px;background:#111c29;border:1px solid #31506b;border-radius:18px;box-shadow:0 20px 60px #000b}.pwa-update strong{color:#dff5ff}.pwa-update p{color:#91a5ba;font-size:13px;line-height:1.45}.pwa-update>div{display:flex;gap:8px}.pwa-toast{display:flex;align-items:center;gap:10px;color:#a7bbcf;font-size:13px}.pwa-toast button{margin-left:auto;padding:7px 11px;min-height:34px}@media(max-width:480px){.gate{place-items:start center;padding:calc(12px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(76px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left))}.gate-card{padding:18px 16px;border-radius:20px;gap:11px}.lock-card{width:calc(100% - 8px)}.unlock-form{gap:11px}.gate-brand .mark{width:42px;height:42px;border-radius:13px}.gate-card h1{font-size:clamp(25px,8vw,30px)}.gate-card .gate-intro{font-size:14px}.gate-card button,.gate-card input{min-height:44px;padding-top:10px;padding-bottom:10px}.security-details{font-size:12px}.mobile-shell aside{display:none}.home{width:100%;margin:0;padding:calc(14px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(86px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left))}.mobile-head h1{font-size:clamp(24px,7vw,28px)}.mobile-head .eyebrow{letter-spacing:1.5px}.head-actions{gap:5px}.head-actions button{width:42px}.toolbar{margin:16px 0}.code-grid{grid-template-columns:minmax(0,1fr);gap:12px}.code-card{padding:15px;border-radius:17px}.code-line{padding:15px 0}.code-line>button{font-size:clamp(24px,8vw,29px);letter-spacing:2px}.ring{width:50px;height:50px;flex-basis:50px}.empty{padding:24px 8px 14px}.fab{display:none}.bottom{position:fixed;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));z-index:10;inset:auto 0 0;width:100%;min-height:calc(66px + env(safe-area-inset-bottom));padding:6px max(4px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left));background:#09111cf2;border-top:1px solid #26384d;backdrop-filter:blur(17px)}.bottom button{width:100%;min-width:0;min-height:50px;display:grid;place-items:center;align-content:center;gap:1px;background:transparent;color:#71849c;padding:3px 1px;font-size:18px;border-radius:9px}.bottom small{max-width:100%;font-size:clamp(7px,2.3vw,9px);line-height:1.1;overflow:hidden;text-overflow:ellipsis}.bottom .active{color:#68d0ff}.sheet{width:100%;padding:16px;border-radius:20px}.sheet button,.sheet input,.sheet select,.gate-card button,.gate-card input{width:100%;max-width:100%;min-width:0}.web-scanner{padding:15px}.camera-preview{max-height:38dvh}.pwa-update,.pwa-toast{left:calc(10px + env(safe-area-inset-left));right:calc(10px + env(safe-area-inset-right));bottom:calc(74px + env(safe-area-inset-bottom));width:auto;max-width:none;padding:12px;border-radius:14px}.gate~.pwa-toast,.gate~.pwa-update{bottom:calc(10px + env(safe-area-inset-bottom))}.pwa-toast{font-size:12px}.pwa-update>div{display:grid;grid-template-columns:1fr 1fr}}@media(min-width:481px)and (max-width:767px){.gate{padding:calc(18px + env(safe-area-inset-top)) calc(18px + env(safe-area-inset-right)) calc(78px + env(safe-area-inset-bottom)) calc(18px + env(safe-area-inset-left))}.gate-card{padding:24px;gap:13px}.mobile-shell aside{display:none}.home{width:100%;margin:0;padding:calc(20px + env(safe-area-inset-top)) calc(18px + env(safe-area-inset-right)) calc(90px + env(safe-area-inset-bottom)) calc(18px + env(safe-area-inset-left))}.toolbar{margin:18px 0}.code-grid{grid-template-columns:minmax(0,1fr)}.fab{display:none}.bottom{position:fixed;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));z-index:10;inset:auto 0 0;min-height:calc(68px + env(safe-area-inset-bottom));padding:6px max(7px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left));background:#09111cf2;border-top:1px solid #26384d;backdrop-filter:blur(17px)}.bottom button{width:100%;min-height:52px;display:grid;place-items:center;align-content:center;gap:2px;background:transparent;color:#71849c;padding:4px 2px;font-size:19px}.bottom small{font-size:9px;line-height:1.1}.bottom .active{color:#68d0ff}.sheet{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.pwa-update,.pwa-toast{bottom:calc(78px + env(safe-area-inset-bottom))}}@media(min-width:768px)and (max-width:1024px){.mobile-shell aside{width:200px;padding:calc(22px + env(safe-area-inset-top)) 14px calc(20px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.side-brand strong{font-size:14px}.home{width:calc(100% - 200px);max-width:824px;margin-left:200px;padding:calc(26px + env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) 24px}.mobile-head h1{font-size:30px}.toolbar{margin:22px 0}.code-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.empty{padding-top:54px}.sheet{width:min(640px,calc(100% - 40px));margin-bottom:max(20px,env(safe-area-inset-bottom));border-radius:24px}.settings-sheet{max-width:560px}.gate-card{width:min(500px,100%)}.pwa-update,.pwa-toast{right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom))}}@media(min-width:1025px){.home{display:grid;grid-template-columns:minmax(360px,1fr) minmax(300px,.75fr);grid-template-rows:auto auto 1fr;gap:0 28px}.mobile-head,.toolbar{grid-column:1/-1}.code-grid{grid-column:1}.empty{grid-column:1/-1}.code-grid .code-card:first-child{box-shadow:0 0 0 1px #4ac7ff55,0 18px 45px #0006}.code-grid .code-card:first-child:after{content:"Dettaglio account";display:block;margin-top:16px;padding-top:15px;border-top:1px solid #24374b;color:#668099;font-size:11px;letter-spacing:1px}.settings-sheet{border-radius:24px;margin-bottom:24px;max-width:620px}}.sync-center{display:grid;gap:14px;width:100%;min-width:0;padding:16px;border:1px solid rgba(90,210,255,.18);border-radius:18px;background:linear-gradient(145deg,#09192af5,#050f1cf5)}.sync-center h3{margin:0;color:#e7faff}.sync-center p,.sync-center small{color:#91a9bb}.sync-form,.sync-center details{display:grid;gap:10px;min-width:0}.sync-center input,.sync-center button,.sync-center code{max-width:100%;min-width:0}.sync-center input{width:100%;font-size:16px}.sync-center code{display:block;padding:8px;overflow-wrap:anywhere;color:#8de9ff;background:#04101c;border-radius:9px}.sync-state{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:12px;border-radius:14px;background:#112a3ebf}.sync-state strong,.sync-state small{min-width:0}.sync-state button{grid-column:2;grid-row:1/3}.sync-state.synced strong{color:#79f2c0}.sync-state.offline strong,.sync-state.conflict strong{color:#ffd77a}.sync-state.error strong{color:#ff9f9f}.sync-columns{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:14px}.sync-columns>div{display:grid;align-content:start;gap:9px;min-width:0}.device-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;align-items:center;padding:11px;border:1px solid rgba(90,210,255,.14);border-radius:13px}.device-row span{display:grid;min-width:0}.device-row small{overflow-wrap:anywhere}.device-row em{font-size:12px;color:#76dff7}.device-row button{grid-column:2}.pairing-card{display:grid;gap:9px}.pairing-card img{width:min(240px,100%);margin:auto;border-radius:12px}.recovery-key{font-family:ui-monospace,monospace;overflow-wrap:anywhere;color:#8de9ff}.google-signin{display:flex;justify-content:center;width:100%;min-height:44px;overflow:hidden}.account-divider{display:flex;align-items:center;gap:10px;color:#7894aa;font-size:12px}.account-divider:before,.account-divider:after{content:"";height:1px;flex:1;background:#5ad2ff24}.security-center{display:grid;gap:4px;padding:14px;border:1px solid rgba(90,210,255,.16);border-radius:14px;background:#04101cb3}.security-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:7px;margin-top:8px}.security-checks span{padding:8px;border-radius:9px;background:#244d6559;font-size:12px;color:#ccecf5}@media(max-width:767px){.sync-center{padding:14px}.sync-columns{grid-template-columns:1fr}.sync-state{grid-template-columns:minmax(0,1fr)}.sync-state button{grid-column:1;grid-row:auto;width:100%}.device-row{grid-template-columns:minmax(0,1fr)}.device-row button,.device-row em{grid-column:1}}