@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{--bg:#060d08;--bg2:#0a1510;--bg-card:#0c1810e0;--bg-card-solid:#0c1810;--bg-card-2:#122418b8;--bg-elevated:#162c1c99;--bg-input:#0a140eeb;--bg-glass:#0e1c128c;--accent:#22c55e;--accent2:#16a34a;--accent-light:#4ade80;--accent-dim:#22c55e1f;--accent-glow:#22c55e38;--green:#22c55e;--green-dim:#22c55e1a;--red:#ef4444;--red-dim:#ef44441a;--orange:#f59e0b;--orange-dim:#f59e0b1a;--cyan:#06b6d4;--cyan-dim:#06b6d41a;--purple:#a855f7;--purple-dim:#a855f71a;--border:#22c55e0f;--border-light:#22c55e1f;--border-hover:#22c55e38;--border-accent:#22c55e4d;--text-1:#ecfdf5;--text-2:#d1fae5c7;--text-3:#86efac73;--text-dim:#4ade804d;--font:"Inter",-apple-system,system-ui,sans-serif;--heading:"Space Grotesk","Inter",sans-serif;--mono:"JetBrains Mono","Fira Code",monospace;--r:14px;--r-sm:10px;--r-lg:18px;--r-xl:24px;--ease:cubic-bezier(.16,1,.3,1);--spring:cubic-bezier(.34,1.56,.64,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font);background:var(--bg);color:var(--text-2);-webkit-tap-highlight-color:transparent;min-height:100dvh;overflow-x:hidden}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:10px}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes ring{0%{transform:rotate(0)}10%{transform:rotate(15deg)}20%{transform:rotate(-10deg)}30%{transform:rotate(5deg)}40%{transform:rotate(-5deg)}50%{transform:rotate(0)}to{transform:rotate(0)}}.ring-anim{transform-origin:top;animation:1.5s infinite ring}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}@keyframes shakeX{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes particleFloat{0%{opacity:0;transform:translateY(100vh)scale(0)}10%{opacity:.4}90%{opacity:.4}to{opacity:0;transform:translateY(-10vh)scale(1)}}@keyframes scanline{0%{top:-4px}to{top:100%}}@keyframes glowPulse{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}}.icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon svg{fill:currentColor;width:100%;height:100%}.icon-sm{vertical-align:middle;width:14px;height:14px;display:inline-block}.login-overlay{background:var(--bg);z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.login-bg{pointer-events:none;background:radial-gradient(at 30% 20%,#22c55e14 0%,#0000 50%),radial-gradient(at 70% 80%,#16a34a0f 0%,#0000 50%);position:absolute;inset:0}.login-grid-bg{pointer-events:none;background-image:linear-gradient(#22c55e0a 1px,#0000 1px),linear-gradient(90deg,#22c55e0a 1px,#0000 1px);background-size:40px 40px;animation:8s ease-in-out infinite gridPulse;position:absolute;inset:0;-webkit-mask:radial-gradient(#000 20%,#0000 70%);mask:radial-gradient(#000 20%,#0000 70%)}.login-glow{pointer-events:none;background:radial-gradient(circle,#22c55e1f,#0000 70%);border-radius:50%;width:300px;height:300px;animation:4s ease-in-out infinite glowPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes gridPulse{0%,to{opacity:.4}50%{opacity:.8}}.login-particles{pointer-events:none;position:absolute;inset:0}.particle{width:var(--size,2px);height:var(--size,2px);background:var(--accent);left:var(--x,50%);animation:particleFloat 12s var(--delay,0s)ease-in-out infinite;box-shadow:0 0 8px var(--accent),0 0 20px #22c55e1a;opacity:.3;border-radius:50%;position:absolute}.login-card{z-index:1;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--r-xl);-webkit-backdrop-filter:blur(40px);width:92%;max-width:380px;animation:scaleIn .5s var(--spring);padding:44px 28px 36px;position:relative;box-shadow:0 24px 80px #0009,0 0 60px #22c55e0a}.login-header{text-align:center;margin-bottom:36px}.login-logo{filter:drop-shadow(0 6px 20px #22c55e4d);width:44px;height:44px;margin:0 auto 16px;animation:5s ease-in-out infinite float}.login-logo svg{width:24px;height:24px}.login-title{font-family:var(--heading);color:var(--text-1);letter-spacing:.02em;margin-bottom:4px;font-size:22px;font-weight:700}.login-title span{color:var(--accent)}.login-subtitle{color:var(--text-3);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:500}.login-version{background:var(--accent-dim);color:var(--accent-light);letter-spacing:.12em;text-transform:uppercase;border:1px solid #22c55e26;border-radius:20px;margin-top:10px;padding:4px 14px;font-size:10px;font-weight:700;display:inline-block}.login-error{background:var(--red-dim);border-radius:var(--r);color:var(--red);border:1px solid #ef444433;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:13px;font-weight:600;animation:.3s ease-out shakeX,.2s fadeIn;display:flex}.login-form{flex-direction:column;gap:18px;display:flex}.input-group{flex-direction:column;gap:6px;display:flex}.input-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.14em;padding-left:4px;font-size:10px;font-weight:700}.input-wrap{align-items:center;display:flex;position:relative}.input-icon{width:16px;height:16px;color:var(--text-3);pointer-events:none;z-index:1;position:absolute;left:14px}.login-input{border-radius:var(--r);border:1.5px solid var(--border-light);background:var(--bg-input);width:100%;color:var(--text-1);font-family:var(--font);transition:all .25s var(--ease);outline:none;padding:14px 16px 14px 42px;font-size:14px;font-weight:500}.login-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.login-input::placeholder{color:var(--text-dim)}.login-input:disabled{opacity:.5}.pass-toggle{color:var(--text-3);cursor:pointer;opacity:.6;background:0 0;border:none;width:20px;height:20px;padding:0;transition:opacity .2s;position:absolute;right:12px}.pass-toggle:hover{opacity:1}.pass-toggle svg{width:100%;height:100%}.login-btn{border-radius:var(--r);color:#fff;width:100%;font-family:var(--font);cursor:pointer;transition:all .3s var(--ease);background:linear-gradient(135deg,#15803d,#16a34a,#22c55e);border:none;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:15px;font-size:14px;font-weight:700;display:flex;box-shadow:0 4px 20px #16a34a4d}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 32px #22c55e59}.login-btn:active:not(:disabled){transform:scale(.98)}.login-btn:disabled{opacity:.4;cursor:not-allowed}.login-footer{color:var(--text-dim);justify-content:center;align-items:center;gap:6px;margin-top:28px;font-size:11px;font-weight:500;display:flex}.auth-loading{justify-content:center;align-items:center;min-height:100dvh;display:flex}.app{background:var(--bg);flex-direction:column;max-width:520px;min-height:100dvh;margin:0 auto;display:flex;position:relative}.topbar{z-index:90;-webkit-backdrop-filter:blur(28px);border-bottom:1px solid var(--border);background:#060d08e6;align-items:center;gap:8px;padding:10px 14px;display:flex;position:sticky;top:0}.tb-back{border:1px solid var(--border-light);background:var(--bg-card);width:36px;height:36px;color:var(--text-1);cursor:pointer;border-radius:10px;flex-shrink:0;place-items:center;font-size:15px;transition:all .2s;display:grid}.device-select-btn{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-2);cursor:pointer;border-radius:12px;align-items:center;gap:6px;margin-right:8px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.device-select-btn:hover{background:var(--bg-card);border-color:var(--accent);color:var(--accent)}.tb-back:hover{background:var(--bg-elevated);border-color:var(--border-hover)}.tb-back:active{transform:scale(.9)}.tb-logo{width:28px;height:28px;color:var(--accent);flex-shrink:0}.tb-logo svg{width:100%;height:100%}.tb-info{flex:1;min-width:0}.tb-title{font-family:var(--heading);color:var(--text-1);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;overflow:hidden}.tb-sub{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:10px;font-weight:500;display:flex;overflow:hidden}.tb-logout{border:1px solid var(--border);width:36px;height:36px;color:var(--text-3);cursor:pointer;background:0 0;border-radius:10px;flex-shrink:0;place-items:center;transition:all .2s;display:grid}.tb-logout svg{width:18px;height:18px}.tb-logout:hover{background:var(--red-dim);color:var(--red);border-color:#ef444433}.dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.dot.online{background:var(--green);box-shadow:0 0 8px var(--green);animation:2.5s ease-in-out infinite pulse}.tb-badge{background:var(--accent2);color:#fff;border-radius:10px;flex-shrink:0;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:10px;font-weight:800;display:grid}.tab-content{-webkit-overflow-scrolling:touch;flex:1;padding-bottom:120px;overflow-y:auto}.section-label{letter-spacing:.16em;color:var(--text-3);text-transform:uppercase;justify-content:space-between;align-items:center;padding:22px 16px 10px;font-size:10px;font-weight:800;display:flex}.section-label .sl-icon{width:14px;height:14px;color:var(--accent);margin-right:6px}.home-page{animation:fadeIn .3s var(--ease)}.profile-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);animation:fadeUp .4s var(--ease);align-items:center;gap:14px;margin:14px 14px 12px;padding:22px 18px;display:flex;position:relative;overflow:hidden}.profile-card:before{content:"";background:radial-gradient(circle,var(--accent-dim)0%,transparent 70%);pointer-events:none;width:140px;height:140px;position:absolute;top:0;right:0}.profile-icon{color:#fff;background:linear-gradient(135deg,#15803d,#22c55e);border-radius:16px;flex-shrink:0;place-items:center;width:50px;height:50px;display:grid;box-shadow:0 4px 16px #22c55e40}.profile-icon svg{width:28px;height:28px}.profile-info h2{font-family:var(--heading);color:var(--text-1);margin-bottom:2px;font-size:17px;font-weight:700}.profile-status{color:var(--green);letter-spacing:.1em;align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.stats-grid{grid-template-columns:repeat(4,1fr);gap:6px;margin:0 14px 16px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);text-align:center;animation:fadeUp .35s var(--ease)both;flex-direction:column;gap:3px;padding:14px 6px;transition:all .2s;display:flex;position:relative}.stat-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.live-notif-card{cursor:pointer;border-color:var(--accent);background:var(--accent-dim);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.live-notif-card:hover{box-shadow:0 8px 24px var(--accent-glow);transform:translateY(-4px)scale(1.05)}.live-badge{background:var(--red);color:#fff;border:2px solid var(--bg);box-shadow:0 4px 12px var(--red-dim);z-index:10;border-radius:12px;padding:2px 6px;font-size:10px;font-weight:800;position:absolute;top:-6px;right:-6px}.bounce-anim{animation:.6s cubic-bezier(.5,.05,1,.5) infinite alternate bounce}@keyframes bounce{0%{transform:translateY(0)scale(1)}to{transform:translateY(-4px)scale(1.1)}}.stat-num{font-family:var(--heading);color:var(--accent-light);font-size:22px;font-weight:700}.stat-label{color:var(--text-3);letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:700}.quick-grid{grid-template-columns:repeat(4,1fr);gap:12px;padding:0 16px 20px;display:grid}.quick-btn{-webkit-backdrop-filter:blur(12px);color:var(--text-2);font-family:var(--font);cursor:pointer;background:linear-gradient(145deg,#141e1499,#0a0f0acc);border:1px solid #ffffff0a;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:18px 6px;font-size:10px;font-weight:700;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:.4s ease-out both fadeUp;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000004d,inset 0 1px 1px #ffffff0d}.quick-btn:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#22c55e26 0%,#0000 50%);width:200%;height:200%;transition:opacity .5s;position:absolute;top:-50%;left:-50%}.quick-btn:after{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#ffffff1a,#0000);border-radius:20px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.quick-btn:hover{color:#fff;background:linear-gradient(145deg,#1e2d1eb3,#0f190fe6);border-color:#22c55e4d;transform:translateY(-6px)scale(1.02);box-shadow:0 12px 30px #22c55e33,inset 0 1px 2px #ffffff1a}.quick-btn:hover:before{opacity:1;animation:4s linear infinite rotateGlow}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.quick-btn:active{transition-duration:.1s;transform:scale(.92)}.quick-btn:disabled{opacity:.3;cursor:not-allowed;box-shadow:none;transform:none!important}.quick-icon{background:color-mix(in srgb,var(--c,var(--accent))10%,transparent);border:1px solid color-mix(in srgb,var(--c,var(--accent))18%,transparent);width:40px;height:40px;transition:all .3s var(--spring);color:var(--c,var(--accent));border-radius:12px;place-items:center;display:grid}.quick-icon svg{width:20px;height:20px}.quick-btn:hover .quick-icon{box-shadow:0 0 14px color-mix(in srgb,var(--c,var(--accent))12%,transparent);transform:scale(1.08)}.control-page{animation:fadeIn .3s var(--ease)}.cmd-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:0 14px 20px;display:grid}.cc{border-radius:var(--r-lg);border:1px solid var(--border);background:var(--bg-card);cursor:pointer;transition:all .25s var(--ease);animation:fadeUp .35s var(--ease)both;text-align:left;font-family:var(--font);flex-direction:column;align-items:flex-start;gap:5px;padding:18px 14px 14px;display:flex;position:relative;overflow:hidden}.cc:after{content:"";background:radial-gradient(circle,color-mix(in srgb,var(--c,var(--accent))6%,transparent),transparent 70%);pointer-events:none;opacity:0;width:50px;height:50px;transition:opacity .3s;position:absolute;top:0;right:0}.cc:hover:after{opacity:1}.cc:hover{background:var(--bg-card-2);border-color:color-mix(in srgb,var(--c,var(--accent))22%,transparent);transform:translateY(-2px);box-shadow:0 6px 24px #0006}.cc:active{box-shadow:none;transition-duration:80ms;transform:scale(.96)}.cc:disabled{opacity:.25;cursor:not-allowed;transform:none!important}.cc-danger{border-color:#ef444414}.cc-danger:hover{border-color:#ef444438}.cc-icon{background:color-mix(in srgb,var(--c,var(--accent))10%,transparent);border:1px solid color-mix(in srgb,var(--c,var(--accent))18%,transparent);width:44px;height:44px;transition:all .3s var(--spring);color:var(--c,var(--accent));border-radius:13px;place-items:center;margin-bottom:3px;display:grid}.cc-icon svg{width:22px;height:22px}.cc:hover .cc-icon{border-color:color-mix(in srgb,var(--c,var(--accent))35%,transparent);transform:scale(1.06)}.cc-title{color:var(--text-1);font-size:13px;font-weight:700}.cc-desc{color:var(--text-3);font-size:10px;font-weight:500}.cc-giant{background:linear-gradient(135deg,color-mix(in srgb,var(--c,var(--accent))10%,transparent),color-mix(in srgb,var(--c,var(--accent))20%,transparent));border:1px solid color-mix(in srgb,var(--c,var(--accent))40%,transparent);text-align:center;box-shadow:0 8px 32px color-mix(in srgb,var(--c,var(--accent))20%,transparent);grid-column:1/-1;align-items:center;padding:30px 24px}.cc-giant:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--c,var(--accent))20%,transparent),color-mix(in srgb,var(--c,var(--accent))30%,transparent));border-color:color-mix(in srgb,var(--c,var(--accent))60%,transparent);box-shadow:0 12px 40px color-mix(in srgb,var(--c,var(--accent))30%,transparent);transform:translateY(-2px)}.cc-giant .cc-icon{background:color-mix(in srgb,var(--c,var(--accent))15%,transparent);border:1px solid color-mix(in srgb,var(--c,var(--accent))25%,transparent);width:64px;height:64px;color:var(--c,var(--accent));border-radius:20px;margin-bottom:12px}.cc-giant:hover .cc-icon{border-color:color-mix(in srgb,var(--c,var(--accent))45%,transparent);transform:scale(1.06)}.cc-giant .cc-icon svg{width:32px;height:32px}.cc-giant .cc-title{letter-spacing:.05em;color:var(--c,var(--accent));margin-bottom:6px;font-size:20px;font-weight:800}.cc-giant .cc-desc{color:var(--text-2);font-size:12px;line-height:1.5}.terminal-page{height:calc(100dvh - 120px);animation:fadeIn .3s var(--ease);flex-direction:column;display:flex}.terminal-output{font-family:var(--mono);color:var(--text-2);background:var(--bg2);-webkit-overflow-scrolling:touch;flex:1;padding:14px;font-size:12px;line-height:1.7;position:relative;overflow-y:auto}.term-line{word-break:break-all;padding:2px 0}.term-line.cmd{color:var(--accent-light)}.term-line.cmd:before{content:"❯ ";color:var(--accent);font-weight:700}.term-line.error{color:var(--red)}.term-line.system{color:var(--text-3);font-size:11px;font-style:italic}.terminal-input-bar{background:var(--bg-card-solid);border-top:1px solid var(--border);gap:8px;padding:10px 14px;display:flex}.term-prompt{color:var(--accent);font-family:var(--mono);flex-shrink:0;padding-top:9px;font-size:14px;font-weight:700}.term-input{border-radius:var(--r-sm);border:1px solid var(--border-light);background:var(--bg-input);color:var(--text-1);font-family:var(--mono);outline:none;flex:1;padding:9px 12px;font-size:12px;transition:border-color .2s}.term-input:focus{border-color:var(--accent)}.term-input::placeholder{color:var(--text-dim)}.term-send{border-radius:var(--r-sm);background:var(--accent2);color:#fff;font-family:var(--font);cursor:pointer;border:none;padding:9px 16px;font-size:12px;font-weight:700;transition:all .2s}.term-send:hover{background:var(--accent)}.term-send:active{transform:scale(.95)}.term-send:disabled{opacity:.4;cursor:not-allowed}.history-page{animation:fadeIn .3s var(--ease)}.clear-all{background:var(--red-dim);color:var(--red);cursor:pointer;font-size:10px;font-weight:700;font-family:var(--font);border:1px solid #ef444426;border-radius:20px;padding:4px 10px;transition:all .2s}.clear-all:hover{background:#ef444426}.empty-state{text-align:center;color:var(--text-3);padding:80px 20px}.empty-icon{width:48px;height:48px;color:var(--text-dim);opacity:.5;margin:0 auto 14px}.empty-icon svg{width:100%;height:100%}.empty-state p{font-size:13px;font-weight:500}.history-list{flex-direction:column;gap:5px;padding:0 14px 20px;display:flex}.hi{border-radius:var(--r);border:1px solid var(--border);background:var(--bg-card);cursor:pointer;transition:all .2s var(--ease);text-align:left;width:100%;font-family:var(--font);align-items:center;gap:10px;padding:12px 14px;display:flex}.hi:hover{background:var(--bg-card-2);border-color:var(--border-hover);transform:translate(4px)}.hi:active{transform:scale(.98)}.hi-icon{background:color-mix(in srgb,var(--c,var(--accent))10%,transparent);border:1px solid color-mix(in srgb,var(--c,var(--accent))16%,transparent);width:36px;height:36px;color:var(--c,var(--accent));border-radius:10px;flex-shrink:0;place-items:center;display:grid}.hi-icon svg{width:18px;height:18px}.hi-body{flex:1;min-width:0}.hi-title{color:var(--text-1);font-size:13px;font-weight:700;display:block}.hi-cmd{color:var(--text-3);font-size:10px;font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.hi-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:3px;display:flex}.hi-time{color:var(--text-dim);font-size:9px;font-weight:500}.check{color:var(--green);font-size:13px;font-weight:800}.cross{color:var(--red);font-size:13px;font-weight:800}.result-page{animation:fadeIn .3s var(--ease);-webkit-overflow-scrolling:touch;flex:1;padding-bottom:20px;overflow-y:auto}.rp-status-bar{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px 16px;font-size:12px;font-weight:700;display:flex}.rp-status-bar.pending{color:var(--orange);background:var(--orange-dim)}.rp-status-bar.done{color:var(--green);background:var(--green-dim)}.rp-status-bar.error{color:var(--red);background:var(--red-dim)}.rp-loading{flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:60px 20px;display:flex}.rp-loading p{color:var(--text-3);font-size:12px;font-weight:500}.ld-spinner{border:3px solid var(--border-light);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}.spinner-sm{border:2px solid var(--border-light);border-top-color:var(--accent);vertical-align:middle;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin;display:inline-block}.rp-error{background:var(--red-dim);border-radius:var(--r);color:var(--red);border:1px solid #ef444426;align-items:flex-start;gap:10px;margin:14px;padding:14px;font-size:12px;line-height:1.5;display:flex}.rp-content{animation:fadeUp .3s var(--ease);padding:14px}.rp-images{gap:8px;margin-bottom:14px;display:grid}.rp-img-wrap{border-radius:var(--r);cursor:pointer;border:1px solid var(--border);position:relative;overflow:hidden}.rp-img{width:100%;transition:transform .3s;display:block}.rp-img-wrap:hover .rp-img{transform:scale(1.02)}.rp-img-actions{opacity:0;background:linear-gradient(#0000,#000000d9);justify-content:center;gap:6px;padding:8px;transition:opacity .2s;display:flex;position:absolute;bottom:0;left:0;right:0}.rp-img-wrap:hover .rp-img-actions{opacity:1}.rp-img-btn{-webkit-backdrop-filter:blur(8px);color:#fff;font-size:11px;font-weight:600;font-family:var(--font);cursor:pointer;background:#ffffff26;border:1px solid #fff3;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;text-decoration:none;transition:all .2s;display:inline-flex}.rp-img-btn:hover{background:#ffffff40}.rp-img-btn svg{width:12px;height:12px}.rp-img-dl{background:#22c55e4d;border-color:#22c55e66}.rp-img-dl:hover{background:#22c55e80}.rp-img-badge{-webkit-backdrop-filter:blur(8px);color:#fff;letter-spacing:.02em;z-index:2;background:#000000b3;border-radius:6px;padding:4px 10px;font-size:10px;font-weight:700;position:absolute;top:8px;left:8px}.rp-images-photo{grid-template-columns:1fr;gap:12px}.rp-img-photo{border-radius:var(--r-xl);border:2px solid var(--border-light);box-shadow:0 8px 30px #0000004d}.rp-img-photo .rp-img{object-fit:cover;min-height:200px}.rp-img-photo .rp-img-actions{opacity:1;background:linear-gradient(#0000 0%,#000000e6 100%);padding:12px}.sms-list{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.sms-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:12px;transition:border-color .2s}.sms-card:hover{border-color:var(--border-hover)}.sms-head{align-items:center;gap:8px;margin-bottom:6px;font-size:12px;display:flex}.sms-status{flex-shrink:0;font-size:10px}.sms-from{color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.sms-date{color:var(--text-dim);font-size:10px;font-family:var(--mono);flex-shrink:0}.sms-body{color:var(--text-2);word-break:break-word;margin:0;font-size:12px;line-height:1.5}.rp-map{border-radius:var(--r);border:1px solid var(--border);margin-bottom:14px;overflow:hidden}.rp-map iframe{display:block}.map-link{text-align:center;background:var(--bg-card);color:var(--accent);border-top:1px solid var(--border);padding:10px;font-size:12px;font-weight:600;text-decoration:none;transition:background .2s;display:block}.map-link:hover{background:var(--accent-dim)}.contact-list,.account-list{flex-direction:column;gap:5px;margin-bottom:14px;display:flex}.cl-header{justify-content:space-between;align-items:center;padding:4px 0 8px;display:flex}.cl-count{color:var(--text-2);font-size:12px;font-weight:700}.cl-page{color:var(--accent-light);background:var(--accent-dim);border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600}.cl-pagination{justify-content:center;gap:8px;padding:12px 0 4px;display:flex}.cl-pg-btn{border-radius:var(--r);border:1px solid var(--border);background:var(--bg-card);color:var(--text-2);font-family:var(--font);cursor:pointer;text-align:center;flex:1;padding:10px;font-size:12px;font-weight:600;transition:all .2s}.cl-pg-btn:hover:not(:disabled){background:var(--accent-dim);border-color:var(--border-accent);color:var(--accent)}.cl-pg-btn:disabled{opacity:.35;cursor:not-allowed}.cl-pg-btn:active:not(:disabled){transform:scale(.97)}.contact-card,.account-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);align-items:center;gap:10px;padding:11px 12px;transition:all .2s;display:flex}.contact-card:hover,.account-card:hover{border-color:var(--border-hover);background:var(--bg-card-2)}.contact-avatar{color:#fff;background:hsl(var(--hue,140),45%,35%);border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:grid}.contact-info,.acc-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.contact-name,.acc-service{color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.contact-phone,.acc-user{color:var(--text-3);font-size:11px;font-family:var(--mono)}.contact-email{color:var(--accent-light);font-size:10px}.contact-action{background:var(--green-dim);cursor:pointer;width:32px;height:32px;color:var(--green);border:1px solid #22c55e26;border-radius:50%;flex-shrink:0;place-items:center;text-decoration:none;transition:all .2s;display:grid}.contact-action svg{width:16px;height:16px}.contact-action:hover{background:#22c55e26}.acc-icon-wrap{background:var(--orange-dim);width:36px;height:36px;color:var(--orange);border:1px solid #f59e0b26;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.acc-icon svg{width:18px;height:18px}.acc-pass{color:var(--text-3);font-size:11px;font-family:var(--mono);align-items:center;gap:6px;display:flex}.pass-reveal{color:var(--text-3);cursor:pointer;opacity:.6;background:0 0;border:none;width:16px;height:16px;padding:0;transition:opacity .2s}.pass-reveal:hover{opacity:1}.pass-reveal svg{width:100%;height:100%}.acc-copy{background:var(--accent-dim);border:1px solid var(--border-accent);cursor:pointer;width:32px;height:32px;color:var(--accent);border-radius:8px;flex-shrink:0;place-items:center;transition:all .2s;display:grid}.acc-copy svg{width:16px;height:16px}.acc-copy:hover{background:#22c55e26}.rp-text-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);margin-bottom:14px;padding:14px}.text-line{color:var(--text-2);font-size:12px;line-height:1.6;font-family:var(--mono);word-break:break-all;padding:2px 0}.rp-kv-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);margin-bottom:14px;padding:2px 0;overflow:hidden}.kv-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:10px;padding:9px 14px;display:flex}.kv-row:last-child{border-bottom:none}.kv-key{color:var(--text-3);flex-shrink:0;font-size:11px;font-weight:600}.kv-val{color:var(--text-1);text-align:right;word-break:break-all;font-size:12px;font-weight:600}.rp-actions{gap:6px;margin-top:4px;display:flex}.act-btn{border-radius:var(--r);border:1px solid var(--border);background:var(--bg-card);color:var(--text-2);font-family:var(--font);cursor:pointer;text-align:center;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.act-btn svg{width:14px;height:14px}.act-btn:hover{background:var(--bg-card-2);border-color:var(--border-hover)}.act-btn:active{transform:scale(.97)}.rp-time{color:var(--text-dim);justify-content:space-between;padding:10px 14px;font-size:10px;font-weight:500;display:flex}.fm-page{animation:fadeIn .3s var(--ease);-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.fm-path-bar{background:var(--bg-card-solid);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px 16px;font-size:11px;display:flex}.fm-path-label{color:var(--text-3);flex-shrink:0;font-weight:700}.fm-path{color:var(--accent-light);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.fm-list{flex-direction:column;gap:3px;padding:6px 14px 20px;display:flex}.fm-toolbar{background:var(--bg-card-solid);border-bottom:1px solid var(--border);gap:6px;padding:8px 16px;display:flex}.fm-tb-btn{border-radius:var(--r);border:1px solid var(--border);background:var(--bg-card);color:var(--text-2);font-family:var(--font);cursor:pointer;align-items:center;gap:5px;padding:7px 12px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.fm-tb-btn svg{width:12px;height:12px}.fm-tb-btn:hover{background:var(--accent-dim);border-color:var(--border-accent);color:var(--accent)}.fm-tb-btn:active{transform:scale(.97)}.fm-row{align-items:stretch;gap:4px;display:flex}.fm-item-main{flex:1;min-width:0}.fm-item-actions{flex-shrink:0;gap:2px;display:flex}.fm-act-btn{border-radius:var(--r);border:1px solid var(--border);background:var(--bg-card);cursor:pointer;width:34px;height:auto;color:var(--text-3);place-items:center;padding:0;transition:all .2s;display:grid}.fm-act-btn svg{width:13px;height:13px}.fm-act-btn:hover{border-color:var(--border-hover)}.fm-act-dl:hover{color:#3b82f6;background:#3b82f61a;border-color:#3b82f64d}.fm-act-rn:hover{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b4d}.fm-act-rm:hover{color:#ef4444;background:#ef44441a;border-color:#ef44444d}.fm-act-btn:active{transform:scale(.92)}.fm-upload-zone{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:24px 20px;display:flex}.fm-upload-btn{border-radius:var(--r);border:2px dashed var(--border-light);background:var(--bg-card);color:var(--text-2);font-family:var(--font);cursor:pointer;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 28px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.fm-upload-btn svg{width:18px;height:18px}.fm-upload-btn:hover:not(:disabled){border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.fm-upload-btn:disabled{opacity:.5;cursor:not-allowed}.fm-upload-hint{color:var(--text-dim);font-size:11px;font-weight:500}.fm-item{border-radius:var(--r);border:1px solid var(--border);background:var(--bg-card);cursor:pointer;transition:all .2s var(--ease);text-align:left;width:100%;font-family:var(--font);align-items:center;gap:10px;padding:10px 12px;display:flex}.fm-item:hover{background:var(--bg-card-2);border-color:var(--border-hover);transform:translate(3px)}.fm-item:active{transform:scale(.98)}.fm-icon{flex-shrink:0;place-items:center;width:24px;display:grid}.fm-icon svg{width:16px;height:16px;color:var(--text-3)}.fm-item-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.fm-name{color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.fm-size{color:var(--text-3);font-size:10px;font-family:var(--mono)}.fm-arrow{color:var(--text-dim);flex-shrink:0;font-size:13px}.fm-count{text-align:center;color:var(--text-dim);padding:14px;font-size:11px;font-weight:500}.fm-empty{padding:16px 14px}.settings-page{animation:fadeIn .3s var(--ease);padding:14px}.setting-group{margin-bottom:18px}.setting-group-title{color:var(--text-3);text-transform:uppercase;letter-spacing:.14em;padding:0 4px 8px;font-size:10px;font-weight:800}.setting-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);justify-content:space-between;align-items:center;margin-bottom:5px;padding:12px 14px;transition:all .2s;display:flex}.setting-item:hover{border-color:var(--border-hover)}.setting-left{align-items:center;gap:10px;display:flex}.setting-icon{background:var(--accent-dim);border:1px solid var(--border-accent);width:34px;height:34px;color:var(--accent);border-radius:10px;place-items:center;display:grid}.setting-icon svg{width:18px;height:18px}.setting-text{flex-direction:column;gap:1px;display:flex}.setting-name{color:var(--text-1);font-size:13px;font-weight:600}.setting-desc{color:var(--text-3);font-size:10px}.setting-value{color:var(--accent-light);font-size:12px;font-weight:600;font-family:var(--mono)}.bottom-nav{-webkit-backdrop-filter:blur(28px);border-top:1px solid var(--border);z-index:80;width:100%;max-width:520px;padding:16px 12px calc(env(safe-area-inset-bottom,8px) + 12px);background:#060d08f0;align-items:stretch;gap:8px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-btn{color:var(--text-dim);cursor:pointer;font-family:var(--font);border-radius:var(--r);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 4px;transition:all .2s;display:flex;position:relative}.nav-btn.active{color:var(--accent)}.nav-btn:hover{transform:translateY(-2px)}.nav-icon{width:22px;height:22px;transition:transform .2s var(--spring);margin-bottom:2px}.nav-icon svg{width:100%;height:100%}.nav-btn.active .nav-icon{transform:scale(1.12)}.nav-label{letter-spacing:.06em;text-transform:uppercase;font-size:8px;font-weight:800}.nav-btn.center .nav-center-icon{color:#fff;width:48px;height:48px;transition:all .2s var(--spring);background:linear-gradient(135deg,#15803d,#22c55e);border-radius:14px;place-items:center;margin-top:-18px;margin-bottom:4px;display:grid;box-shadow:0 4px 14px #22c55e40}.nav-btn.center .nav-center-icon svg{width:24px;height:24px}.nav-btn.center.active .nav-center-icon{transform:scale(1.06);box-shadow:0 6px 20px #22c55e59}.nav-badge{background:var(--accent2);color:#fff;border-radius:7px;place-items:center;min-width:14px;height:14px;padding:0 3px;font-size:8px;font-weight:800;display:grid;position:absolute;top:0;right:calc(50% - 16px)}.lightbox{z-index:999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f2;flex-direction:column;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.lb-close{color:#fff;cursor:pointer;z-index:1;background:#ffffff14;border:1px solid #fff3;border-radius:50%;place-items:center;width:36px;height:36px;font-size:18px;transition:all .2s;display:grid;position:absolute;top:16px;right:16px}.lb-close:hover{background:#ffffff26}.lb-img{border-radius:var(--r);object-fit:contain;max-width:92%;max-height:80vh}.lb-download{border-radius:var(--r);background:var(--accent2);color:#fff;align-items:center;gap:6px;margin-top:14px;padding:9px 20px;font-size:12px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.lb-download:hover{background:var(--accent)}.modal-bg{z-index:999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;justify-content:center;align-items:flex-end;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card-solid);border:1px solid var(--border-light);border-radius:var(--r-xl)var(--r-xl)0 0;width:100%;max-width:520px;padding:24px 20px env(safe-area-inset-bottom,20px);animation:slideUp .3s var(--ease)}.modal-head{align-items:center;gap:12px;margin-bottom:18px;display:flex}.modal-mi{background:color-mix(in srgb,var(--c,var(--accent))12%,transparent);border:1px solid color-mix(in srgb,var(--c,var(--accent))20%,transparent);width:42px;height:42px;color:var(--c,var(--accent));border-radius:12px;flex-shrink:0;place-items:center;display:grid}.modal-mi svg{width:22px;height:22px}.modal-head h3{font-family:var(--heading);color:var(--text-1);flex:1;font-size:17px;font-weight:700}.modal-x{border:1px solid var(--border);width:30px;height:30px;color:var(--text-3);cursor:pointer;background:0 0;border-radius:50%;place-items:center;font-size:16px;transition:all .2s;display:grid}.modal-x:hover{background:var(--red-dim);color:var(--red)}.modal-h{color:var(--text-3);font-size:11px;font-family:var(--mono);background:var(--bg2);border-radius:var(--r-sm);border:1px solid var(--border);margin-bottom:14px;padding:7px 10px}.modal-inp{border-radius:var(--r);border:1.5px solid var(--border-light);background:var(--bg-input);width:100%;color:var(--text-1);font-family:var(--font);transition:all .25s var(--ease);outline:none;margin-bottom:18px;padding:12px 14px;font-size:13px;font-weight:500}.modal-inp:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.modal-inp::placeholder{color:var(--text-dim)}.modal-ft{gap:8px;display:flex}.mb{border-radius:var(--r);font-family:var(--font);cursor:pointer;border:none;flex:1;padding:12px;font-size:13px;font-weight:700;transition:all .2s}.mb.cancel{background:var(--bg-elevated);color:var(--text-2);border:1px solid var(--border)}.mb.cancel:hover{background:var(--bg-card-2)}.mb.confirm{background:var(--accent2);color:#fff}.mb.confirm:hover{background:var(--accent)}.mb.confirm.danger{background:var(--red)}.mb.confirm.danger:hover{background:#dc2626}.toast{bottom:96px;border-radius:var(--r);background:var(--bg-card-solid);border:1px solid var(--border-light);width:max-content;max-width:88%;color:var(--text-1);z-index:1000;animation:slideUp .3s var(--ease),fadeIn .2s;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-width:88%;margin-inline:auto;padding:10px 20px;font-size:12px;font-weight:600;position:fixed;inset-inline:0;box-shadow:0 8px 32px #00000080}.device-specs-container{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r);margin-top:10px;overflow:hidden}.ds-header{background:var(--bg-card);border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:16px;display:flex}.ds-header svg{color:var(--accent);width:24px;height:24px}.ds-header h3{font-family:var(--heading);color:var(--text-1);margin:0;font-size:16px;font-weight:700}.ds-grid{background:var(--border-light);grid-template-columns:1fr 1fr;gap:1px;display:grid}.ds-card{background:var(--bg-elevated);flex-direction:column;gap:4px;padding:12px;display:flex}.ds-card:nth-child(odd):last-child{grid-column:span 2}.ds-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.ds-value{color:var(--text-1);word-break:break-all;font-size:13px;font-weight:500}@media (min-width:640px){.app{border-left:1px solid var(--border);border-right:1px solid var(--border);max-width:560px}.bottom-nav,.modal{max-width:560px}.cmd-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:390px){.device-select-btn{gap:4px;padding:6px;font-size:10px}.tb-title{font-size:14px}}