@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#0d1712;--muted:#637069;--cream:#f3f1e9;--paper:#faf9f4;--green:#1d563d;--lime:#c9ef63;--line:#dde0d8;--danger:#a53636;--shadow:0 24px 70px rgba(15,42,29,.12)}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;min-height:100vh}.hidden{display:none!important}.ambient{position:fixed;border-radius:50%;filter:blur(1px);pointer-events:none}.ambient-one{width:420px;height:420px;background:rgba(201,239,99,.2);top:-240px;right:-100px}.ambient-two{width:320px;height:320px;background:rgba(29,86,61,.07);bottom:-160px;left:15%}.brand{display:flex;gap:10px;align-items:center;font:600 12px/1 Manrope;letter-spacing:.14em}.brand-mark{width:31px;height:31px;border-radius:10px;background:var(--green);color:var(--lime);display:grid;place-items:center;font:600 18px Georgia;transform:rotate(-4deg)}.gate{min-height:100vh;display:grid;place-items:center;padding:90px 20px 48px;position:relative}.gate>.brand{position:absolute;top:32px;left:42px}.gate-card{width:min(560px,100%);background:rgba(250,249,244,.86);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.8);border-radius:32px;padding:48px;box-shadow:var(--shadow)}.eyebrow{font:600 10px/1.2 Manrope;letter-spacing:.19em;color:var(--green);margin:0 0 14px}.gate h1,.topline h2{font:500 48px/1.05 Manrope;margin:0;letter-spacing:-.05em}.gate h1 em,.topline h2 em{font-family:Georgia,serif;font-weight:400;color:var(--green)}.lede{color:var(--muted);line-height:1.6;margin:22px 0 28px;max-width:430px}label{font-size:12px;font-weight:600;display:grid;gap:8px;margin-bottom:18px}input{width:100%;border:1px solid var(--line);background:#fff;border-radius:12px;padding:14px 15px;font:14px inherit;outline:none;transition:.2s}input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(29,86,61,.1)}button,.secondary{font:600 13px inherit;cursor:pointer;border:0}.primary{width:100%;padding:15px 18px;background:var(--green);color:#fff;border-radius:13px;display:flex;justify-content:space-between;align-items:center}.primary:hover{background:#15452f}.error{color:var(--danger);font-size:12px;margin:10px 0 0}.privacy-note{font-size:11px;color:#77817b}.shell{min-height:100vh;display:grid;grid-template-columns:235px 1fr}aside{position:fixed;inset:0 auto 0 0;width:235px;background:#0c2017;color:#fff;padding:30px 22px;display:flex;flex-direction:column;z-index:5}aside .brand-mark{background:var(--lime);color:var(--green)}nav{display:grid;gap:7px;margin-top:55px}.nav-item{background:transparent;color:#91a198;text-align:left;padding:12px;border-radius:10px;display:flex;gap:12px}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.08);color:#fff}.nav-item.active{box-shadow:inset 2px 0 var(--lime)}.aside-bottom{margin-top:auto}.storage-card{display:flex;align-items:center;gap:10px;padding:13px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.storage-card div{min-width:0;display:grid;gap:3px}.storage-card strong{font-size:11px}.storage-card small{color:#819188;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-dot,.connection span{width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 4px rgba(201,239,99,.12)}.logout{background:none;color:#71847a;font-size:11px;padding:16px 0}.content{grid-column:2;padding:45px clamp(28px,5vw,75px) 70px;max-width:1500px;width:100%;margin:auto}.view{display:none}.view.active{display:block}.topline{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:38px}.topline h2{font-size:42px}.connection{font-size:11px;background:#fff;border:1px solid var(--line);border-radius:99px;padding:9px 13px;display:flex;gap:9px;align-items:center}.connection span{background:#50a170;box-shadow:none}.hero-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:18px}.backup-card,.upload-card{border-radius:24px;min-height:255px}.backup-card{background:var(--green);color:#fff;padding:30px;display:grid;grid-template-columns:165px 1fr;align-items:center;overflow:hidden}.backup-card .eyebrow{color:var(--lime)}.backup-card h3,.upload-card h3,.section-title h3{font:500 22px Manrope;margin:0 0 8px}.backup-card p:not(.eyebrow):not(.result),.upload-card p:not(.eyebrow){color:#b9c9c0;font-size:13px;line-height:1.5}.backup-card .primary{margin-top:22px;background:var(--lime);color:var(--green);width:180px}.device-orbit{height:150px;position:relative;display:grid;place-items:center;font-size:48px;color:var(--lime)}.device-orbit:before,.device-orbit:after{content:'';position:absolute;border:1px solid rgba(201,239,99,.25);border-radius:50%;width:130px;height:130px}.device-orbit:after{width:90px;height:90px}.device-orbit i{position:absolute;width:8px;height:8px;background:var(--lime);border-radius:50%;top:20px;right:29px}.phone{position:absolute;font-size:27px;bottom:20px;right:31px}.upload-card{background:var(--paper);border:1px solid var(--line);padding:30px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.upload-card.drag{border-color:var(--green);background:#eef5df}.upload-icon{width:46px;height:46px;border-radius:50%;background:#e4ebdc;color:var(--green);display:grid;place-items:center;font-size:21px;margin-bottom:17px}.secondary{display:inline-block;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:11px;padding:11px 16px}.upload-card .secondary{margin-top:12px}.progress{width:100%;height:7px;background:#dfe3da;border-radius:9px;margin-top:18px;position:relative;overflow:visible}.progress i{display:block;height:100%;background:var(--green);width:0;border-radius:9px}.progress span{font-size:10px;color:var(--muted);position:absolute;top:10px;left:0}.section-title{display:flex;justify-content:space-between;align-items:end;margin:38px 0 15px}.section-title h3{margin:0}.text-btn{color:var(--green);background:none}.history{background:var(--paper);border:1px solid var(--line);border-radius:17px;overflow:hidden}.history-row{display:grid;grid-template-columns:36px 1fr auto auto;gap:13px;align-items:center;padding:15px 18px;border-bottom:1px solid var(--line)}.history-row:last-child{border:0}.history-icon{width:34px;height:34px;border-radius:10px;background:#e5edde;color:var(--green);display:grid;place-items:center}.history-row strong{font-size:13px}.history-row small{display:block;color:var(--muted);margin-top:3px}.history-stat{font-size:11px;color:var(--muted)}.empty{padding:28px;text-align:center;color:var(--muted);font-size:12px}.remote-strip{margin-top:17px;background:#e6eddd;border-radius:15px;padding:15px 18px;display:flex;align-items:center;gap:13px}.globe{font-size:25px;color:var(--green)}.remote-strip div{display:grid;gap:3px}.remote-strip strong{font-size:12px}.remote-strip small{font-size:10px;color:var(--muted)}.remote-strip code{margin-left:auto;font-size:11px}.remote-strip button{background:var(--green);color:#fff;border-radius:8px;padding:8px 11px}.breadcrumbs{display:flex;gap:7px;margin-bottom:14px;flex-wrap:wrap}.crumb{background:none;color:var(--muted);padding:3px}.crumb:last-child{color:var(--ink)}.file-table{background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden}.file-row{display:grid;grid-template-columns:minmax(180px,1fr) 100px 170px 50px;padding:14px 18px;border-bottom:1px solid var(--line);align-items:center;font-size:12px}.file-row:last-child{border:0}.file-head{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.file-name{display:flex;gap:10px;align-items:center;font-weight:600}.file-name i{font-style:normal;width:30px;height:30px;background:#e8ede4;border-radius:8px;display:grid;place-items:center}.file-action{background:none;color:var(--green)}.settings-card{max-width:760px;background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:28px}.source-row{display:flex;gap:8px;margin-bottom:9px}.source-row input{flex:1}.source-row button{background:#f1e4e1;color:var(--danger);border-radius:9px;padding:0 13px}.settings-card>.primary{width:210px;margin-top:25px}.suggestions{margin:10px 0}.suggestion{background:#e5ebde;color:var(--green);border-radius:7px;padding:6px 9px;margin:3px;font-size:10px}.internet-card{max-width:760px;margin-top:17px;background:#0e251b;color:#fff;border-radius:18px;padding:23px;display:flex;gap:17px}.internet-card>span{font-size:30px;color:var(--lime)}.internet-card h3{margin:0 0 8px;font:500 16px Manrope}.internet-card p{margin:0;color:#9fb0a6;font-size:12px;line-height:1.55}.toast{position:fixed;bottom:25px;right:25px;background:#10251c;color:#fff;padding:13px 17px;border-radius:11px;box-shadow:var(--shadow);font-size:12px;transform:translateY(100px);opacity:0;transition:.3s;z-index:20}.toast.show{transform:none;opacity:1}.mobile-head{display:none}.result{font-size:11px!important;color:var(--lime)!important}.upload-card .progress span{color:var(--muted)}
.field-action,.password-field{position:relative;display:flex}.field-action input{padding-right:92px;cursor:pointer}.field-action button{position:absolute;right:6px;top:6px;bottom:6px;padding:0 13px;border-radius:8px;background:#e7ecdf;color:var(--green);font-size:11px}.password-field input{padding-right:48px}.password-field button{position:absolute;right:5px;top:5px;width:38px;height:38px;border-radius:9px;background:transparent;color:var(--muted);display:grid;place-items:center}.password-field button:hover{background:#edf0e9;color:var(--green)}.password-field svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.modal{position:fixed;inset:0;background:rgba(4,18,12,.58);backdrop-filter:blur(8px);z-index:50;display:grid;place-items:center;padding:20px}.modal-card{background:var(--paper);width:min(600px,100%);max-height:min(720px,90vh);border-radius:24px;padding:27px;box-shadow:0 35px 100px rgba(0,0,0,.28);display:flex;flex-direction:column}.modal-head{display:flex;align-items:flex-start;justify-content:space-between}.modal-head h3{font:500 25px Manrope;margin:0}.modal-head>button{width:34px;height:34px;border-radius:50%;background:#e9ece5;color:var(--muted);font-size:21px}.folder-help{font-size:12px;color:var(--muted);line-height:1.5;margin:12px 0 17px}.folder-path{font:11px/1.4 monospace;color:var(--green);padding:10px 12px;background:#e9efe2;border-radius:9px;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-list{border:1px solid var(--line);border-radius:14px;overflow-y:auto;min-height:160px}.folder-item{width:100%;display:grid;grid-template-columns:38px 1fr 20px;align-items:center;gap:10px;text-align:left;padding:12px 14px;background:#fff;border-bottom:1px solid var(--line);color:var(--ink)}.folder-item:last-child{border-bottom:0}.folder-item:hover{background:#f0f4eb}.folder-item span:nth-child(2){display:grid;gap:3px}.folder-item strong{font-size:12px}.folder-item small{font-size:10px;color:var(--muted);font-weight:400;overflow:hidden;text-overflow:ellipsis}.folder-item b{color:var(--green)}.folder-symbol{width:34px;height:34px;border-radius:9px;background:#e5edde;color:var(--green);display:grid;place-items:center;font-size:17px}.modal-actions{display:flex;justify-content:space-between;gap:12px;margin-top:17px}.modal-actions .primary{width:auto;min-width:190px}.modal-actions .secondary{margin-right:auto}.protected-title{margin-top:32px}.protected-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden}.protected-list .empty{padding:23px}.protected-item{display:grid;grid-template-columns:38px minmax(0,1fr) auto 30px;gap:11px;align-items:center;padding:13px 17px;border-bottom:1px solid var(--line)}.protected-item:last-child{border-bottom:0}.protected-icon{width:34px;height:34px;border-radius:9px;background:#e5edde;color:var(--green);display:grid;place-items:center}.protected-item>span:nth-child(2){display:grid;gap:3px;min-width:0}.protected-item strong{font-size:12px}.protected-item small{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.protected-item>button{width:28px;height:28px;border-radius:8px;background:#f2e8e5;color:var(--danger)}.protected-state{font-size:9px;color:#358256;background:#e8f3ea;border-radius:99px;padding:5px 8px}.protected-state.offline{color:var(--danger);background:#f3e7e5}.protected-note{margin:0;padding:11px 17px;background:#edf2e7;color:var(--muted);font-size:10px}.protected-note span{color:var(--green);margin-right:6px}.source-modal-card{width:min(700px,100%)}.source-selected{margin-bottom:12px}.selection-empty{border:1px dashed #cbd1c6;border-radius:10px;padding:11px;text-align:center;color:var(--muted);font-size:10px}.selected-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.selected-heading strong{font-size:11px;color:var(--green)}.selected-heading small{font-size:9px;color:var(--muted)}.selected-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:3px}.selected-chips button{display:flex;gap:7px;align-items:center;background:#e4eddb;color:var(--green);border-radius:99px;padding:7px 10px;font-size:10px;white-space:nowrap;max-width:190px}.selected-chips button span{overflow:hidden;text-overflow:ellipsis}.source-browser{min-height:200px}.source-location{width:100%;display:grid;grid-template-columns:38px 1fr 20px;align-items:center;gap:10px;text-align:left;padding:11px 13px;background:#fff;border-bottom:1px solid var(--line)}.source-location span:nth-child(2),.source-main span:nth-child(2){display:grid;gap:3px;min-width:0}.source-location strong,.source-main strong{font-size:11px}.source-location small,.source-main small{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-browser-row{display:grid;grid-template-columns:1fr 42px;background:#fff;border-bottom:1px solid var(--line)}.source-main{display:grid;grid-template-columns:38px 1fr 16px;align-items:center;gap:10px;text-align:left;padding:9px 12px;background:transparent;min-width:0}.source-add{margin:8px;width:30px;height:30px;border-radius:9px;background:#e7ecdf;color:var(--green);font-size:17px}.source-add.selected{background:var(--green);color:var(--lime)}.source-actions{align-items:center}.source-actions .add-current{margin-right:0;color:var(--green)}.destination-panel{margin-top:18px;background:#10271c;color:#fff;border-radius:17px;padding:15px 18px;display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:13px}.destination-icon{width:40px;height:40px;border-radius:12px;background:rgba(201,239,99,.13);color:var(--lime);display:grid;place-items:center;font-size:20px}.destination-panel>div{display:grid;gap:2px;min-width:0}.destination-panel .eyebrow{color:var(--lime);margin-bottom:2px}.destination-panel strong{font-size:12px}.destination-panel small{font-size:10px;color:#94a69c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.destination-kind{font-size:9px;letter-spacing:.12em;color:var(--lime);border:1px solid rgba(201,239,99,.25);border-radius:99px;padding:5px 8px}.destination-panel .secondary{background:transparent;border-color:rgba(255,255,255,.2);color:#fff}.destination-modal-card{width:min(650px,100%)}.destination-tabs{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:18px}.destination-tabs label{margin:0;display:block}.destination-tabs input{position:absolute;opacity:0;pointer-events:none}.destination-tabs span{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:11px;padding:12px 14px;background:#fff;color:var(--muted);cursor:pointer}.destination-tabs input:checked+span{border-color:var(--green);background:#e9efe2;color:var(--green);box-shadow:0 0 0 2px rgba(29,86,61,.08)}.destination-fields{padding:3px 0}.form-grid{display:grid;grid-template-columns:2fr 1fr;gap:12px}.ssh-note{margin:-5px 0 5px;background:#edf2e8;border-radius:9px;padding:10px 12px;color:var(--muted);font-size:10px;line-height:1.4}#sshPasswordHint{color:var(--green);font-weight:400;margin-left:5px}
@media(max-width:800px){.shell{display:block}aside{transform:translateX(-100%);transition:.25s}aside.open{transform:none}.content{padding:20px 18px 50px}.mobile-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px}.mobile-head button{font-size:22px;background:none}.topline h2{font-size:36px}.connection{display:none}.hero-grid{grid-template-columns:1fr}.backup-card{grid-template-columns:100px 1fr;padding:23px}.device-orbit{transform:scale(.75);margin-left:-25px}.remote-strip{flex-wrap:wrap}.remote-strip code{margin-left:0;width:100%}.file-row{grid-template-columns:1fr 60px}.file-row>*:nth-child(2),.file-row>*:nth-child(3){display:none}.gate-card{padding:30px 23px}.gate h1{font-size:40px}.gate>.brand{left:25px}.history-row{grid-template-columns:36px 1fr auto}.history-stat:last-child{display:none}.modal-card{padding:22px 18px;max-height:92vh}.modal-actions{flex-wrap:wrap}.modal-actions .primary{flex:1}.folder-item{grid-template-columns:36px 1fr 15px}.destination-panel{grid-template-columns:42px minmax(0,1fr) auto}.destination-panel .secondary{grid-column:1/-1}.destination-kind{align-self:start}.form-grid{grid-template-columns:1fr}.destination-tabs{grid-template-columns:1fr}.protected-item{grid-template-columns:38px minmax(0,1fr) 30px}.protected-state{display:none}}
.remote-mode .local-only{display:none!important}.remote-mode .hero-grid{grid-template-columns:1fr}.remote-mode .upload-card{min-height:290px}.remote-mode .content{max-width:1050px}
.remote-only{display:none}.remote-mode .remote-only{display:block}.automation-title{margin-top:34px}.remote-automation{background:#10271c;color:#fff;border-radius:18px;padding:22px;display:none}.remote-mode .remote-automation{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center}.remote-automation strong{font:500 16px Manrope}.remote-automation p{color:#a7b8ae;font-size:11px;line-height:1.55;margin:7px 0 0;max-width:680px}.remote-automation>a{color:#fff;background:transparent;border-color:rgba(255,255,255,.25);text-decoration:none}.automation-steps{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:15px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.automation-steps span{font-size:10px;color:#b8c8bf;display:flex;align-items:center;gap:8px}.automation-steps b{width:22px;height:22px;border-radius:50%;background:rgba(201,239,99,.14);color:var(--lime);display:grid;place-items:center}
@media(max-width:800px){.remote-mode .remote-automation{grid-template-columns:1fr}.automation-steps{grid-template-columns:1fr}.remote-automation>a{text-align:center}}
.register-link{width:100%;margin-top:10px;padding:8px;background:transparent;color:var(--green);font-size:11px;text-decoration:underline}.remote-mode .remote-automation{display:block}.web-automation-copy{margin-bottom:18px}.web-rules{border:1px solid rgba(255,255,255,.13);border-radius:14px;overflow:hidden}.web-rules .empty{color:#a7b8ae}.web-rule{display:grid;grid-template-columns:minmax(150px,1fr) 105px 115px 140px auto auto;gap:10px;align-items:end;padding:14px;border-bottom:1px solid rgba(255,255,255,.12)}.web-rule:last-child{border-bottom:0}.web-rule-name{display:grid;gap:4px;align-self:center;min-width:0}.web-rule-name strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.web-rule-name small{font-size:9px;color:#9fb0a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.web-rule label{margin:0;color:#b8c8bf;font-size:9px}.web-rule input[type="time"]{height:38px;padding:8px;background:#fff}.web-rule-toggle,.web-rule-delete{display:flex;align-items:center;gap:6px;padding-bottom:11px}.web-rule input[type="checkbox"]{width:16px;height:16px}.web-rule-delete{color:#efaaa0!important}.web-rule button{height:38px;padding:0 10px}.web-rule-remove{background:#47251f;color:#ffc5bc;border-radius:9px}.web-backup-progress{margin-top:15px}.web-backup-progress>div{display:flex;justify-content:space-between;color:#b8c8bf;font-size:10px;margin-bottom:7px}.web-backup-progress strong{color:var(--lime)}.web-backup-progress>i{height:7px;background:rgba(255,255,255,.13);border-radius:99px;overflow:hidden;display:block}.web-backup-progress>i>b{height:100%;width:0;background:var(--lime);display:block;transition:width .25s}.automation-title{align-items:center}
@media(max-width:1050px){.web-rule{grid-template-columns:1fr 110px 120px}.web-rule-name{grid-column:1/-1}.web-rule button{width:100%}}
@media(max-width:650px){.automation-title{align-items:flex-start;gap:12px}.automation-title .secondary{flex:0 0 auto}.web-rule{grid-template-columns:1fr}.web-rule-name{grid-column:auto}.web-rule-toggle,.web-rule-delete{padding-bottom:0}.web-rule button{width:100%}}
.backup-actions{display:flex;align-items:center;gap:10px}.backup-actions .primary{margin:0}.stop-backup{background:#fff1ee;color:#a83f32;border:1px solid rgba(168,63,50,.28);border-radius:12px;padding:13px 18px;font-weight:600}.stop-backup:hover{background:#f9dfda}.stop-backup:disabled{opacity:.65;cursor:wait}
@media(max-width:650px){.backup-actions{align-items:stretch;flex-direction:column}.backup-actions .primary,.stop-backup{width:100%}}
.bulk-toolbar{margin:0 0 12px;background:#10271c;color:#fff;border-radius:14px;padding:12px 14px;display:flex;align-items:center;gap:12px}.bulk-toolbar strong{font-size:12px;color:var(--lime)}.bulk-toolbar span{font-size:10px;color:#a9b9b0}.bulk-toolbar button{margin-left:auto;background:#f7e5e1;color:var(--danger);border-radius:9px;padding:9px 12px}.bulk-toolbar button.confirm-delete{background:var(--danger);color:#fff}.file-row,.file-head{grid-template-columns:36px minmax(180px,1fr) 100px 170px 250px}.file-select{display:grid;place-items:center}.file-select input{width:17px;height:17px;margin:0;padding:0;accent-color:var(--green)}.file-row.selected{background:#edf3e7}.file-row.selected .file-name{color:var(--green)}
@media(max-width:800px){.bulk-toolbar{align-items:flex-start;flex-wrap:wrap}.bulk-toolbar span{width:calc(100% - 130px)}.bulk-toolbar button{width:100%;margin-left:0}.file-row,.file-head{grid-template-columns:30px minmax(0,1fr) 190px}.file-row>span:nth-child(2){display:flex!important}.file-head>span:nth-child(2){display:block!important}.file-row>span:nth-child(3),.file-row>span:nth-child(4),.file-head>span:nth-child(3),.file-head>span:nth-child(4){display:none!important}.file-row>span:nth-child(5),.file-head>span:nth-child(5){display:flex!important}}

/* FLY BACKUP — NEON AI INTERFACE */
:root{--ink:#eef8ff;--muted:#7d94aa;--cream:#050713;--paper:rgba(9,15,31,.84);--green:#00d9ff;--lime:#f4ff38;--line:rgba(71,203,255,.17);--danger:#ff4f7d;--shadow:0 28px 80px rgba(0,0,0,.42)}
html{background:#050713;color-scheme:dark}
body{background:radial-gradient(circle at 80% -10%,rgba(0,217,255,.13),transparent 30%),radial-gradient(circle at 8% 90%,rgba(244,255,56,.06),transparent 27%),#050713;color:var(--ink);font-family:'Space Grotesk',system-ui,sans-serif;letter-spacing:-.01em}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(0,217,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,217,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 88%)}
body:after{content:"SYS // FLYBACKUP // SECURE NODE";position:fixed;right:22px;bottom:14px;color:rgba(0,217,255,.22);font:500 9px 'IBM Plex Mono',monospace;letter-spacing:.18em;pointer-events:none;z-index:-1}
.ambient{filter:blur(70px);opacity:.8}.ambient-one{background:rgba(0,217,255,.17)}.ambient-two{background:rgba(244,255,56,.08)}
.brand{font-family:'IBM Plex Mono',monospace;color:#fff;letter-spacing:.16em}.brand-mark{border-radius:8px;background:var(--lime);color:#060a12;box-shadow:0 0 24px rgba(244,255,56,.42);transform:none;font-family:'Space Grotesk'}
.shell{grid-template-columns:245px 1fr}
aside{width:245px;background:linear-gradient(180deg,rgba(7,12,26,.98),rgba(3,6,15,.98));border-right:1px solid rgba(0,217,255,.2);box-shadow:18px 0 70px rgba(0,0,0,.25);padding:30px 21px}
aside:after{content:"NODE 01 / ONLINE";position:absolute;top:83px;left:23px;color:rgba(0,217,255,.45);font:500 8px 'IBM Plex Mono',monospace;letter-spacing:.16em}
aside .brand-mark{background:var(--lime);color:#060a12}
nav{margin-top:72px}.nav-item{font-family:'IBM Plex Mono',monospace;color:#627c93;border:1px solid transparent;border-radius:9px}.nav-item:hover{color:#c7efff;border-color:rgba(0,217,255,.13);background:rgba(0,217,255,.04)}.nav-item.active{color:var(--lime);background:linear-gradient(90deg,rgba(0,217,255,.12),transparent);border-color:rgba(0,217,255,.18);box-shadow:inset 2px 0 var(--green),0 0 22px rgba(0,217,255,.05)}
.storage-card{border-color:rgba(0,217,255,.14)}.storage-card strong{color:#d8f5ff}.storage-card small,.logout{color:#60798d;font-family:'IBM Plex Mono',monospace}.status-dot,.connection span{background:var(--lime);box-shadow:0 0 0 4px rgba(244,255,56,.1),0 0 17px rgba(244,255,56,.7)}
.content{grid-column:2;max-width:1540px;padding-top:42px}
.eyebrow{color:var(--green);font-family:'IBM Plex Mono',monospace;letter-spacing:.2em}.eyebrow:before{content:"// ";color:var(--lime)}
.gate h1,.topline h2{font-family:'Space Grotesk';font-weight:500;letter-spacing:-.055em;color:#f4f9ff}.gate h1 em,.topline h2 em{font-family:'Space Grotesk';font-style:normal;color:var(--green);text-shadow:0 0 30px rgba(0,217,255,.28)}
.topline{border-bottom:1px solid rgba(0,217,255,.1);padding-bottom:26px}.connection{background:rgba(8,16,33,.72);border-color:rgba(0,217,255,.2);color:#b8d8e8;font-family:'IBM Plex Mono',monospace;box-shadow:inset 0 0 18px rgba(0,217,255,.03)}
.gate-card{background:linear-gradient(145deg,rgba(12,21,43,.94),rgba(5,9,20,.95));border:1px solid rgba(0,217,255,.24);border-radius:22px;box-shadow:0 40px 120px rgba(0,0,0,.55),0 0 70px rgba(0,217,255,.08);position:relative;overflow:hidden}.gate-card:before{content:"AUTHENTICATION GATEWAY";display:block;color:var(--lime);font:500 9px 'IBM Plex Mono',monospace;letter-spacing:.18em;margin-bottom:28px}.gate-card:after{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--green),var(--lime),transparent);box-shadow:0 0 18px var(--green)}.lede,.privacy-note{color:var(--muted)}
label{color:#abc2d2;font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.04em}
input{background:rgba(3,8,19,.85);border-color:rgba(71,203,255,.18);color:#eef8ff;border-radius:9px;font-family:'IBM Plex Mono',monospace}.web-rule input[type="time"]{background:#080d1b;color:#eef8ff}.field-action button{background:rgba(0,217,255,.1);color:var(--green)}input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(0,217,255,.1),0 0 24px rgba(0,217,255,.08)}input::placeholder{color:#435c70}
button,.secondary{font-family:'Space Grotesk';transition:.2s}.primary{background:linear-gradient(110deg,var(--green),#55ecff);color:#031018;border-radius:9px;font-weight:700;box-shadow:0 0 26px rgba(0,217,255,.16)}.primary:hover{background:linear-gradient(110deg,#53eaff,var(--lime));box-shadow:0 0 32px rgba(0,217,255,.25)}.secondary{background:rgba(9,17,35,.88);border-color:rgba(0,217,255,.22);color:#c8e9f7;border-radius:9px}.secondary:hover{border-color:var(--green);color:var(--green);box-shadow:0 0 22px rgba(0,217,255,.08)}.text-btn,.register-link{color:var(--green)}
.backup-card,.upload-card,.history,.protected-card,.file-table,.settings-card,.device-card{background:linear-gradient(145deg,rgba(12,21,42,.88),rgba(5,10,23,.9));border:1px solid rgba(0,217,255,.15);border-radius:16px;box-shadow:inset 0 1px rgba(255,255,255,.025),0 18px 50px rgba(0,0,0,.16)}
.backup-card{position:relative}.backup-card:after{content:"BACKUP ENGINE / ACTIVE";position:absolute;top:13px;right:17px;color:rgba(0,217,255,.32);font:500 8px 'IBM Plex Mono',monospace;letter-spacing:.12em}.backup-card .primary{background:var(--lime);color:#080b10;box-shadow:0 0 25px rgba(244,255,56,.18)}.backup-card .eyebrow{color:var(--green)}.backup-card p:not(.eyebrow):not(.result),.upload-card p:not(.eyebrow){color:#7992a5}
.device-label{border-color:rgba(0,217,255,.35);box-shadow:inset 0 0 30px rgba(0,217,255,.05),0 0 28px rgba(0,217,255,.08);position:relative}.device-label:after{content:"";position:absolute;width:7px;height:7px;background:var(--lime);border-radius:50%;top:12px;right:15px;box-shadow:0 0 15px var(--lime)}.device-label strong{color:var(--green);font-family:'IBM Plex Mono'}.device-label small{color:#6d879b}
.upload-card.drag{background:rgba(0,217,255,.08);border-color:var(--green);box-shadow:inset 0 0 45px rgba(0,217,255,.08)}
.device-choice button,.device-tabs button{background:rgba(5,10,22,.82);border-color:rgba(0,217,255,.16);color:#6f899c}.device-choice button.active,.device-tabs button.active{background:rgba(0,217,255,.12);border-color:var(--green);color:var(--green);box-shadow:0 0 18px rgba(0,217,255,.09)}
.section-title h3,.backup-card h3,.upload-card h3{color:#edf8ff}.device-card:hover{border-color:var(--green);box-shadow:0 14px 38px rgba(0,217,255,.08);transform:translateY(-2px)}.device-card strong{color:#dff7ff}.device-card small,.device-card b{color:#728ca0}.device-card b{color:var(--green)}
.destination-panel,.remote-automation,.internet-card,.bulk-toolbar{background:linear-gradient(110deg,rgba(5,17,36,.96),rgba(10,13,26,.96));border:1px solid rgba(0,217,255,.2);box-shadow:0 15px 45px rgba(0,0,0,.18)}.destination-kind{color:var(--lime);border-color:rgba(244,255,56,.25)}.destination-panel small{color:#688397}.remote-strip{background:rgba(0,217,255,.06);border:1px solid rgba(0,217,255,.12)}.remote-strip code{color:var(--lime);font-family:'IBM Plex Mono'}
.protected-item,.history-row,.file-row{border-color:rgba(0,217,255,.1)}.protected-note,.source-rule{background:rgba(0,217,255,.035);color:#70899c}.protected-main strong,.history-row strong,.file-name{color:#dceffa}.protected-main small,.history-row small,.history-stat,.file-head{color:#607b91}.protected-state{background:rgba(0,217,255,.09);color:var(--green)}.protected-main>button,.source-row button{background:rgba(255,79,125,.1);color:#ff799d}
.file-table{overflow:hidden}.file-row:hover{background:rgba(0,217,255,.035)}.file-row.selected{background:rgba(0,217,255,.09);box-shadow:inset 2px 0 var(--green)}.file-row.selected .file-name{color:var(--green)}.file-actions a,.file-actions button{background:rgba(0,217,255,.08);color:#78eaff}.file-actions button:last-child{background:rgba(255,79,125,.1);color:#ff7298}.file-actions .confirm-delete,.bulk-toolbar button.confirm-delete{background:var(--danger);color:#fff;box-shadow:0 0 22px rgba(255,79,125,.2)}.file-select input{accent-color:var(--green)}.breadcrumbs{font-family:'IBM Plex Mono',monospace}.crumb{color:#58758a}.crumb:last-child{color:var(--green)}
.bulk-toolbar strong{color:var(--lime)}.bulk-toolbar span{color:#6f889b}.bulk-toolbar button{background:rgba(255,79,125,.1);color:#ff7398;border:1px solid rgba(255,79,125,.18)}
.progress,.backup-progress>i,.web-backup-progress>i{background:rgba(0,217,255,.11)}.progress i,.backup-progress>i>b,.web-backup-progress>i>b{background:linear-gradient(90deg,var(--green),var(--lime));box-shadow:0 0 12px rgba(0,217,255,.5)}.backup-progress strong,.web-backup-progress strong,.result{color:var(--lime)!important}
.modal{background:rgba(1,3,10,.78);backdrop-filter:blur(14px)}.modal-card{background:linear-gradient(145deg,#0c1429,#050914);border:1px solid rgba(0,217,255,.22);border-radius:16px;box-shadow:0 40px 120px rgba(0,0,0,.72),0 0 60px rgba(0,217,255,.06)}.modal-head h3{color:#f2f8ff}.modal-head>button{background:rgba(0,217,255,.08);color:#7edff3}.folder-help{color:#71899b}.folder-path,.selection-empty{background:rgba(0,217,255,.055);border-color:rgba(0,217,255,.14);color:var(--green)}.folder-list{border-color:rgba(0,217,255,.14)}.folder-item,.source-location,.source-browser-row{background:rgba(5,10,22,.86);border-color:rgba(0,217,255,.1);color:#dcecf5}.folder-item:hover{background:rgba(0,217,255,.07)}.selected-chips button,.suggestion{background:rgba(0,217,255,.08);color:var(--green)}.destination-tabs span{background:rgba(5,10,22,.85);border-color:rgba(0,217,255,.15);color:#7891a4}.destination-tabs input:checked+span{background:rgba(0,217,255,.1);border-color:var(--green);color:var(--green);box-shadow:0 0 20px rgba(0,217,255,.08)}.ssh-note{background:rgba(244,255,56,.055);color:#8196a4}.toast{background:#0b1729;border:1px solid rgba(0,217,255,.26);color:#dff7ff;box-shadow:0 15px 60px rgba(0,0,0,.5),0 0 30px rgba(0,217,255,.08)}
.stop-backup{background:rgba(255,79,125,.09);color:#ff759a;border-color:rgba(255,79,125,.25)}.stop-backup:hover{background:rgba(255,79,125,.16)}
@keyframes signalPulse{0%,100%{opacity:1;box-shadow:0 0 0 4px rgba(244,255,56,.09),0 0 12px rgba(244,255,56,.55)}50%{opacity:.65;box-shadow:0 0 0 7px rgba(244,255,56,.025),0 0 24px rgba(244,255,56,.8)}}.status-dot,.connection span,.device-label:after{animation:signalPulse 2.2s ease-in-out infinite}
@media(max-width:800px){body:after{display:none}.mobile-head{border-bottom:1px solid rgba(0,217,255,.14);padding-bottom:17px}.mobile-head button{color:var(--green)}aside{width:245px}.content{background:transparent}.topline{padding-bottom:20px}.backup-card:after{display:none}}
.backup-progress{margin-top:18px;max-width:360px}.backup-progress>div{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#c9d6cf;margin-bottom:7px}.backup-progress strong{font:600 12px Manrope;color:var(--lime)}.backup-progress>i{display:block;height:7px;border-radius:99px;background:rgba(255,255,255,.14);overflow:hidden}.backup-progress>i>b{display:block;width:0;height:100%;border-radius:inherit;background:var(--lime);transition:width .35s ease}.backup-progress small{display:block;min-height:14px;margin-top:7px;color:#9fb8aa;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-choice{display:flex;gap:7px;margin-top:8px}.device-choice button{border:1px solid var(--line);border-radius:99px;padding:7px 12px;background:#fff;color:var(--muted);font-size:10px}.device-choice button.active{border-color:var(--green);background:#e7efdf;color:var(--green)}.devices-title{margin-top:34px}.device-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.device-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:16px;display:grid;grid-template-columns:43px minmax(0,1fr);gap:12px;text-align:left;align-items:center;color:var(--ink);transition:.2s}.device-card:hover{border-color:#b8c5b8;transform:translateY(-2px);box-shadow:0 10px 25px rgba(15,42,29,.07)}.device-card-icon{width:42px;height:42px;border-radius:12px;background:#e7edde;color:var(--green);display:grid;place-items:center;font-size:22px}.device-card>span:nth-child(2){display:grid;gap:4px;min-width:0}.device-card strong{font-size:12px}.device-card small{font-size:10px;color:var(--muted)}.device-card b{grid-column:2;color:var(--green);font-size:9px}.device-tabs{display:flex;gap:7px;margin-bottom:16px;overflow-x:auto;padding-bottom:2px}.device-tabs button{flex:0 0 auto;border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:99px;padding:9px 13px;font-size:10px}.device-tabs button.active{background:var(--green);border-color:var(--green);color:#fff}.file-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px}.file-actions a,.file-actions button{width:27px;height:27px;border-radius:8px;background:#e8eee3;color:var(--green);display:grid;place-items:center;text-decoration:none;font-size:13px}.file-actions button:last-child{background:#f2e5e2;color:var(--danger)}
@media(max-width:1000px){.device-cards{grid-template-columns:1fr}.device-card b{grid-column:auto;margin-left:auto}.device-card{grid-template-columns:43px minmax(0,1fr) auto}}
@media(max-width:800px){.backup-progress{max-width:none}.device-cards{grid-template-columns:1fr}.file-row{grid-template-columns:minmax(0,1fr) 100px}.file-actions{display:flex!important}.file-head span:last-child{display:block!important}.file-head{grid-template-columns:minmax(0,1fr) 100px}.device-card{padding:14px}}
.device-label{width:125px;height:125px;border:1px solid rgba(201,239,99,.3);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.device-label strong{font:600 12px Manrope;letter-spacing:.15em;color:var(--lime)}.device-label small{font-size:9px;color:#a9bdb2;margin-top:5px}.modal-head>button{width:auto;height:auto;border-radius:9px;padding:8px 11px;font-size:10px}.folder-item{grid-template-columns:minmax(0,1fr) auto}.folder-item>span,.source-location>span,.source-main>span{display:grid;gap:3px;min-width:0}.folder-item b,.source-location b,.source-main b{font-size:9px}.protected-item{grid-template-columns:minmax(0,1fr) auto auto}.protected-item>span:first-child{display:grid;gap:3px;min-width:0}.protected-item>button{width:auto;height:auto;padding:7px 9px}.source-location{grid-template-columns:minmax(0,1fr) auto}.source-main{grid-template-columns:minmax(0,1fr) auto}.source-browser-row{grid-template-columns:1fr auto}.source-add{width:auto;height:auto;padding:7px 10px;font-size:9px}.destination-panel{grid-template-columns:minmax(0,1fr) auto auto}.history-row{grid-template-columns:minmax(0,1fr) auto auto}.device-card{grid-template-columns:minmax(0,1fr) auto}.device-card>span:first-child{display:grid;gap:4px;min-width:0}.device-card b{grid-column:auto}.file-row{grid-template-columns:minmax(180px,1fr) 100px 170px 250px}.file-actions a,.file-actions button{width:auto;height:auto;padding:7px 9px;font-size:9px}.file-actions a{background:#e8eee3}.file-actions button:last-child{background:#f2e5e2}.primary{justify-content:center}.internet-card{display:block}
.file-actions .confirm-delete{background:var(--danger);color:#fff}
@media(max-width:800px){.backup-card{grid-template-columns:90px 1fr}.device-label{width:82px;height:82px}.device-label small{display:none}.file-row,.file-head{grid-template-columns:minmax(0,1fr) 190px}.file-actions{flex-wrap:wrap;justify-content:flex-end}.destination-panel{grid-template-columns:minmax(0,1fr) auto}.history-row{grid-template-columns:minmax(0,1fr) auto}.history-stat:last-child{display:none}}
.schedule-row{border-top:1px solid var(--line);padding:17px;display:grid;grid-template-columns:minmax(180px,1fr) 150px auto;gap:12px;align-items:end}.schedule-row label{margin:0}.schedule-toggle{display:flex;align-items:center;gap:9px;padding-bottom:12px}.schedule-toggle input{width:17px;height:17px}.schedule-row button{height:45px}.schedule-row>small{grid-column:1/-1;color:var(--green);min-height:12px}.register-card{width:min(480px,100%)}.device-choice{flex-wrap:wrap;justify-content:center}
@media(max-width:800px){.schedule-row{grid-template-columns:1fr}.schedule-row>small{grid-column:auto}.schedule-toggle{padding-bottom:0}}
.protected-item{display:block;padding:0}.protected-main{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:11px;align-items:center;padding:14px 17px}.protected-main>span:first-child{display:grid;gap:3px;min-width:0}.protected-main strong{font-size:12px}.protected-main small{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.protected-main>button{background:#f2e8e5;color:var(--danger);border-radius:8px;padding:7px 9px}.source-rule{border-top:1px solid var(--line);background:#f7f8f3;padding:13px 17px;display:grid;grid-template-columns:minmax(145px,1fr) 135px minmax(230px,1.4fr) auto;gap:12px;align-items:end}.source-rule label{margin:0}.source-rule label:first-child,.source-rule .delete-origin{display:flex;align-items:center;gap:8px;padding-bottom:12px}.source-rule input[type="checkbox"]{width:17px;height:17px;flex:0 0 auto}.source-rule .delete-origin{color:var(--danger)}.source-rule>button{height:45px}.source-rule>small{grid-column:1/-1;color:var(--green);min-height:11px}
@media(max-width:900px){.source-rule{grid-template-columns:1fr}.source-rule>small{grid-column:auto}.source-rule label:first-child,.source-rule .delete-origin{padding-bottom:0}.protected-main{grid-template-columns:minmax(0,1fr) auto}.protected-main .protected-state{display:none}}

/* Neon final layer: overrides legacy component rules */
.backup-card h3,.upload-card h3,.section-title h3,.modal-head h3{font-family:'Space Grotesk',system-ui,sans-serif}
.device-choice button,.device-tabs button{background:rgba(5,10,22,.82);border-color:rgba(0,217,255,.16);color:#6f899c}.device-choice button.active,.device-tabs button.active{background:rgba(0,217,255,.12);border-color:var(--green);color:var(--green);box-shadow:0 0 18px rgba(0,217,255,.09)}
.device-card{background:linear-gradient(145deg,rgba(12,21,42,.88),rgba(5,10,23,.9));border-color:rgba(0,217,255,.15);color:var(--ink)}.device-card:hover{border-color:var(--green);box-shadow:0 14px 38px rgba(0,217,255,.08)}.device-card strong{color:#dff7ff}.device-card small{color:#728ca0}.device-card b{color:var(--green)}
.device-label{border-color:rgba(0,217,255,.35);box-shadow:inset 0 0 30px rgba(0,217,255,.05),0 0 28px rgba(0,217,255,.08)}.device-label strong{color:var(--green);font-family:'IBM Plex Mono',monospace}.device-label small{color:#6d879b}
.backup-progress>i{background:rgba(0,217,255,.11)}.backup-progress>i>b{background:linear-gradient(90deg,var(--green),var(--lime));box-shadow:0 0 12px rgba(0,217,255,.5)}.backup-progress strong{font-family:'IBM Plex Mono',monospace;color:var(--lime)}
.protected-main>button{background:rgba(255,79,125,.1);color:#ff799d}.source-rule{background:rgba(0,217,255,.035)}
.file-row,.file-head{grid-template-columns:36px minmax(180px,1fr) 100px 170px 250px}.file-actions a,.file-actions button{background:rgba(0,217,255,.08);color:#78eaff}.file-actions button:last-child{background:rgba(255,79,125,.1);color:#ff7298}.file-row.selected{background:rgba(0,217,255,.09);box-shadow:inset 2px 0 var(--green)}
@media(max-width:800px){.file-row,.file-head{grid-template-columns:30px minmax(0,1fr) 190px}.file-row>span:nth-child(2){display:flex!important}.file-head>span:nth-child(2){display:block!important}.file-row>span:nth-child(3),.file-row>span:nth-child(4),.file-head>span:nth-child(3),.file-head>span:nth-child(4){display:none!important}.file-row>span:nth-child(5),.file-head>span:nth-child(5){display:flex!important}}
.version-badge{font:600 8px 'IBM Plex Mono',monospace;color:#050713;background:var(--green);border-radius:4px;padding:3px 5px;letter-spacing:.06em;box-shadow:0 0 14px rgba(0,217,255,.3)}
.mobile-source-panel{display:none;margin:18px 0;border:1px solid rgba(244,255,56,.16);border-radius:14px;padding:15px;background:rgba(244,255,56,.025)}.mobile-device .mobile-source-panel{display:block}.mobile-source-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}.mobile-source-head strong{color:#eef8ff;font-size:13px}.mobile-source-head small{color:#72899b;font:400 9px 'IBM Plex Mono',monospace}.mobile-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mobile-source-grid button{background:rgba(4,10,22,.9);border:1px solid rgba(0,217,255,.16);border-radius:10px;padding:13px;text-align:left;color:#dff7ff;display:grid;gap:4px}.mobile-source-grid button:hover{border-color:var(--green);background:rgba(0,217,255,.07);box-shadow:0 0 22px rgba(0,217,255,.06)}.mobile-source-grid strong{font-size:11px;color:var(--green)}.mobile-source-grid small{font:400 8px 'IBM Plex Mono',monospace;color:#6f8799}.mobile-permission-note{font-size:9px!important;color:#778b98!important;margin:12px 0 0!important;line-height:1.55!important}.mobile-device .automation-title #addWebFolder{display:none}
@media(max-width:480px){.mobile-source-head{display:grid;gap:4px}.mobile-source-grid{grid-template-columns:1fr}.mobile-source-grid button{padding:12px}}

/* 2.2 · PWA install and persistent transfer queue */
body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
.pwa-install-card{margin:18px 0 0;padding:17px 18px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;background:linear-gradient(110deg,rgba(0,217,255,.09),rgba(244,255,56,.045));border:1px solid rgba(0,217,255,.22);border-radius:14px;box-shadow:0 0 36px rgba(0,217,255,.055)}
.pwa-install-card>div{display:grid;gap:4px}.pwa-install-card .eyebrow{margin:0 0 2px}.pwa-install-card strong{color:#eaf8ff;font-size:13px}.pwa-install-card small{color:#7891a4;font:400 9px/1.5 'IBM Plex Mono',monospace}.pwa-install-card .primary{width:auto;white-space:nowrap;padding:12px 16px}.pwa-dismiss{background:transparent;color:#6e879a;padding:10px}
.transfer-center{margin-top:18px;padding:20px;background:linear-gradient(145deg,rgba(12,21,42,.9),rgba(5,10,23,.94));border:1px solid rgba(0,217,255,.16);border-radius:16px;box-shadow:inset 0 1px rgba(255,255,255,.025),0 18px 50px rgba(0,0,0,.16)}
.transfer-head{display:flex;justify-content:space-between;gap:20px;align-items:end}.transfer-head h3{margin:0;color:#edf8ff;font:600 19px 'Space Grotesk',sans-serif}.transfer-head>div>small{display:block;margin-top:6px;color:#70899c;font:400 9px/1.5 'IBM Plex Mono',monospace}.queue-actions{display:flex;align-items:center;gap:10px}.queue-actions button{white-space:nowrap}.queue-summary{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 10px}.queue-summary span{padding:7px 10px;border:1px solid rgba(0,217,255,.13);border-radius:99px;background:rgba(0,217,255,.04);color:#7891a4;font:500 9px 'IBM Plex Mono',monospace}.queue-summary strong{color:var(--lime)}.queue-summary #serverQueueState.active{color:var(--green);border-color:rgba(0,217,255,.3);box-shadow:0 0 18px rgba(0,217,255,.08)}
.upload-queue{border-top:1px solid rgba(0,217,255,.1)}.queue-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,240px);gap:18px;align-items:center;padding:13px 2px;border-bottom:1px solid rgba(0,217,255,.08)}.queue-row>div:first-child{display:grid;gap:4px;min-width:0}.queue-row strong{color:#dceffa;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-row small{color:#607b91;font:400 8px 'IBM Plex Mono',monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-state{display:grid;gap:5px;text-align:right}.queue-state>span{color:#7f9aac;font:500 9px 'IBM Plex Mono',monospace}.queue-row.completed .queue-state>span{color:var(--lime)}.queue-row.failed .queue-state>span{color:#ff799d}.queue-state i{display:block;height:5px;background:rgba(0,217,255,.1);border-radius:99px;overflow:hidden}.queue-state i b{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--lime));box-shadow:0 0 10px rgba(0,217,255,.5)}
@media(max-width:800px){.pwa-install-card{grid-template-columns:1fr auto}.pwa-install-card>div{grid-column:1/-1}.pwa-install-card .primary{width:100%}.transfer-center{padding:16px}.transfer-head{display:grid}.queue-actions{display:grid;grid-template-columns:1fr 1fr}.queue-actions button{width:100%}.queue-row{grid-template-columns:minmax(0,1fr);gap:8px}.queue-state{text-align:left}.mobile-head{padding-top:max(12px,env(safe-area-inset-top))}}
.mobile-selector-copy{margin:0 0 14px!important;max-width:none!important;color:#7891a4!important}.mobile-generic-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mobile-generic-actions .primary,.mobile-generic-actions .secondary{width:100%;min-height:45px;justify-content:center}.mobile-delete-choice{display:flex;grid-template-columns:auto 1fr;align-items:flex-start;gap:10px;line-height:1.5}.mobile-delete-choice input{width:18px;height:18px;flex:0 0 auto;margin:0;accent-color:var(--green)}
@media(max-width:480px){.mobile-generic-actions{grid-template-columns:1fr}}
.mobile-device .web-rules{display:none}

/* 2.2.4 · desktop scheduling layout */
.automation-title{margin-top:46px;align-items:flex-end;gap:24px}.automation-title h3{margin-bottom:2px}.automation-title #addWebFolder{min-width:160px;padding:12px 16px}
.remote-automation{padding:28px}.web-automation-copy{margin-bottom:24px}.web-automation-copy strong{display:block;color:#eef8ff;font:600 18px/1.3 'Space Grotesk',system-ui,sans-serif;letter-spacing:-.015em}.web-automation-copy p{max-width:780px;margin-top:8px;font:400 11px/1.65 'IBM Plex Mono',monospace;color:#7891a4}
.web-rule{grid-template-columns:minmax(220px,1fr) 120px 140px 170px;grid-template-areas:"name toggle time delete" "name run run remove";gap:12px 16px;padding:20px;align-items:center}.web-rule-name{grid-area:name;align-self:center;padding-right:14px}.web-rule-name strong{font:600 13px/1.35 'Space Grotesk',system-ui,sans-serif}.web-rule-name small{margin-top:4px;font:400 9px/1.4 'IBM Plex Mono',monospace}.web-rule-toggle{grid-area:toggle}.web-rule>label:not(.web-rule-toggle):not(.web-rule-delete){grid-area:time}.web-rule-delete{grid-area:delete}.web-rule [data-web-run]{grid-area:run}.web-rule [data-web-remove]{grid-area:remove}.web-rule label{align-self:end}.web-rule-toggle,.web-rule-delete{align-self:center;padding:0}.web-rule input[type="time"],.web-rule button{height:42px}.web-rule [data-web-run]{width:100%}.web-rule [data-web-remove]{width:100%;border:1px solid rgba(255,121,157,.16);background:rgba(255,79,125,.12);color:#ff8aa8}
@media(max-width:760px){.automation-title{align-items:stretch}.automation-title #addWebFolder{width:100%}.remote-automation{padding:18px}.web-rule{grid-template-columns:1fr;grid-template-areas:"name" "toggle" "time" "delete" "run" "remove";gap:12px}.web-rule-name{padding:0 0 5px}.web-rule-toggle,.web-rule-delete{min-height:30px}}

/* 2.2.5 · desktop backup controls also on the hosted web app */
.remote-mode:not(.mobile-device) .hero-grid{grid-template-columns:1.25fr .9fr}.remote-mode.mobile-device .desktop-backup-card{display:none!important}.remote-mode:not(.mobile-device) .desktop-backup-card{display:grid}.remote-mode:not(.mobile-device) .backup-card .device-label small:after{content:" desde navegador"}
@media(max-width:1050px){.remote-mode:not(.mobile-device) .hero-grid{grid-template-columns:1fr}.remote-mode:not(.mobile-device) .desktop-backup-card{display:grid}}

/* 2.2.6 · secure file preview */
.file-row,.file-head{grid-template-columns:36px minmax(180px,1fr) 100px 170px 320px}.file-actions{gap:6px}.file-actions [data-preview-path]{border:1px solid rgba(244,255,56,.18);background:rgba(244,255,56,.08);color:var(--lime)}
.preview-modal{padding:24px}.preview-card{width:min(1120px,96vw);height:min(860px,90vh);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:16px;padding:24px}.preview-card .modal-head{padding-bottom:14px;border-bottom:1px solid rgba(0,217,255,.12)}.preview-card .modal-head h3{max-width:850px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-body{min-height:0;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(0,217,255,.13);border-radius:12px;background:#030712}.preview-body iframe{width:100%;height:100%;border:0;background:#fff}.preview-body img{display:block;max-width:100%;max-height:100%;object-fit:contain}.preview-body video{display:block;width:100%;height:100%;object-fit:contain;background:#000}.audio-preview,.preview-unsupported{width:min(560px,90%);display:grid;gap:20px;text-align:center;color:#dff7ff}.audio-preview audio{width:100%}.preview-unsupported p{margin:0;color:#7891a4}.preview-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.preview-footer span{color:#6f899c;font:500 9px 'IBM Plex Mono',monospace}.preview-footer a{padding:11px 15px;text-decoration:none;white-space:nowrap}
@media(max-width:800px){.file-row,.file-head{grid-template-columns:30px minmax(0,1fr) 220px}.preview-modal{padding:8px}.preview-card{width:100%;height:94vh;padding:16px}.preview-footer{align-items:stretch;flex-direction:column}.preview-footer a{text-align:center}.preview-card .modal-head h3{max-width:230px}}