/* Metal Video Downloader — estética industrial premium: azul metálico, contraste alto, tipografia técnica e movimento sutil. */
:root{--ink:#07111f;--navy:#0b1d33;--panel:#102944;--panel-2:#153453;--line:rgba(180,214,242,.15);--steel:#7ec8ff;--cyan:#43d5ff;--white:#f3f8fc;--muted:#91a8bc;--success:#5ce0ad;--danger:#ff8293}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% -10%,#1b4768 0,#0a1b2e 38%,#07111f 78%);color:var(--white);font-family:'DM Sans',sans-serif;min-height:100vh}.app-shell{display:flex;min-height:100vh}.sidebar{width:260px;background:linear-gradient(180deg,#102d4a 0,#0a1b2e 72%);border-right:1px solid var(--line);padding:30px 18px 20px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:2}.brand{display:flex;gap:12px;align-items:center;color:var(--white);text-decoration:none;margin:0 10px 58px}.brand-mark{width:39px;height:39px;display:grid;place-items:center;font:700 24px 'Space Grotesk';font-style:italic;border-radius:10px;background:linear-gradient(135deg,#c3ecff,#278fc6 46%,#0d527d);box-shadow:0 8px 24px #0005;color:#07111f}.brand strong{display:block;letter-spacing:2px;font:700 16px 'Space Grotesk'}.brand small{display:block;color:var(--muted);font-size:8px;letter-spacing:1.5px;margin-top:3px}.nav-label{color:#5e84a3;font-size:10px;letter-spacing:1.7px;font-weight:700;margin:0 14px 14px}.nav-link{display:flex;align-items:center;gap:13px;padding:13px 14px;border-radius:10px;text-decoration:none;color:#93abc0;margin:4px 0;font-size:14px;transition:.18s ease}.nav-link span{font-size:21px;line-height:1;color:#6e97b9;width:20px;text-align:center}.nav-link:hover{background:#ffffff0b;color:var(--white);transform:translateX(2px)}.nav-link.active{background:linear-gradient(90deg,#1d75aa55,#1a527c22);color:#eafbff;border:1px solid #60cfff2b;box-shadow:inset 3px 0 var(--cyan)}.nav-link.active span{color:var(--cyan)}.sidebar-bottom{margin-top:auto}.status-dot{font-size:11px;color:#6f91a8;padding:13px 14px;border-top:1px solid var(--line);margin-bottom:8px}.status-dot i{display:inline-block;width:7px;height:7px;background:var(--success);border-radius:50%;margin-right:8px;box-shadow:0 0 10px var(--success)}.logout{color:#b28f9a}.main-content{width:calc(100% - 260px);margin-left:260px;padding:38px 54px 70px;max-width:1500px}.topbar{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:34px}.eyebrow{color:var(--cyan);font-size:10px;letter-spacing:2px;font-weight:700;margin:0 0 8px}.topbar h1{font:600 30px 'Space Grotesk';margin:0;letter-spacing:-.6px}.user-chip{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:13px}.user-chip strong{color:var(--white)}.avatar{display:grid;place-items:center;width:35px;height:35px;background:#1e5c82;border:1px solid #65cced66;border-radius:50%;color:#dff8ff;font-weight:700}.alert{padding:14px 18px;border:1px solid var(--line);border-radius:10px;margin-bottom:22px;font-size:13px}.alert.success{background:#0d604634;border-color:#5ce0ad66;color:#a6f6d3}.alert.error{background:#7c223834;border-color:#ff829366;color:#ffc2cb}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card,.panel{background:linear-gradient(145deg,#153555e8,#0e243bde);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 45px #0002}.stat-card{padding:22px;position:relative;overflow:hidden}.stat-card:after{content:'';position:absolute;width:80px;height:80px;border-radius:50%;right:-25px;top:-24px;background:#53c9f91a}.stat-label{color:var(--muted);font-size:12px;margin-bottom:13px}.stat-value{font:600 31px 'Space Grotesk';letter-spacing:-1px}.stat-meta{font-size:11px;color:#73b8d9;margin-top:8px}.panel{padding:25px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 20px}.panel-title h2{font:600 18px 'Space Grotesk';margin:0}.panel-title p{color:var(--muted);font-size:12px;margin:4px 0 0}.grid-2{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}.platform-list{display:grid;gap:11px}.platform-row{display:flex;align-items:center;gap:12px;padding:14px;background:#07172766;border:1px solid #ffffff0a;border-radius:10px}.platform-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;font-weight:700;font-size:13px}.youtube{background:#ff3d4d22;color:#ff7e8b}.instagram{background:#df7dbd22;color:#efabd2}.facebook{background:#4e9bdf22;color:#8bc9ff}.platform-row b{font-size:14px}.platform-row small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.platform-row .count{margin-left:auto;font:600 18px 'Space Grotesk'}.bar{height:5px;background:#ffffff0c;border-radius:6px;overflow:hidden;margin-top:12px}.bar i{display:block;height:100%;background:linear-gradient(90deg,#278fc6,#64dbff);border-radius:6px}.download-card{padding:32px;max-width:800px}.form-label{display:block;font-size:12px;color:#b9cede;margin:0 0 8px;font-weight:600}.input,.select{width:100%;border:1px solid #6b9bb944;background:#071a2dcc;color:var(--white);padding:14px 15px;border-radius:9px;outline:none;font:14px 'DM Sans';transition:.18s}.input:focus,.select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #43d5ff17}.form-group{margin-bottom:19px}.form-grid{display:grid;grid-template-columns:1fr 180px;gap:13px}.btn{border:0;border-radius:9px;padding:13px 18px;font-weight:700;font-size:13px;transition:.16s;cursor:pointer}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,#5fdcff,#1875aa);color:#061624;box-shadow:0 7px 22px #35bce844}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-block{width:100%;margin-top:5px}.hint{font-size:11px;color:#7895aa;line-height:1.6;margin-top:18px}.profile-grid{display:grid;grid-template-columns:230px 1fr;gap:22px}.profile-summary{text-align:center;padding:25px}.big-avatar{width:76px;height:76px;display:grid;place-items:center;border-radius:50%;margin:3px auto 16px;font:700 28px 'Space Grotesk';color:#07111f;background:linear-gradient(135deg,#d4f5ff,#3c9ec9);box-shadow:0 0 35px #43d5ff33}.profile-summary h2{font:600 18px 'Space Grotesk';margin:0 0 6px}.profile-summary p{color:var(--muted);font-size:12px;margin:0}.footer-note{color:#5f7f95;font-size:11px;margin-top:23px}.empty{color:var(--muted);font-size:13px;padding:30px 0}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px}.login-wrap{width:min(420px,100%)}.login-brand{justify-content:center;margin:0 0 35px}.login-panel{padding:35px;background:linear-gradient(145deg,#153555f0,#0c2138f2);border:1px solid var(--line);border-radius:16px;box-shadow:0 25px 70px #0006}.login-panel h1{text-align:center;font:600 25px 'Space Grotesk';margin:0 0 7px}.login-panel .sub{text-align:center;color:var(--muted);font-size:13px;margin:0 0 28px}.login-error{color:#ffacb7;background:#7c223832;border:1px solid #ff829366;padding:11px;border-radius:8px;font-size:12px;margin-bottom:17px}.login-footer{text-align:center;color:#5e7d93;font-size:11px;margin-top:20px}@media(max-width:900px){.sidebar{width:215px}.main-content{width:calc(100% - 215px);margin-left:215px;padding:30px 25px}.stats-grid{grid-template-columns:repeat(2,1fr)}.grid-2,.profile-grid{grid-template-columns:1fr}}@media(max-width:620px){.sidebar{position:relative;width:100%;height:auto;inset:auto;padding:18px;display:block}.brand{margin:0 8px 20px}.nav-label{display:none}nav{display:flex;gap:4px;overflow:auto}.nav-link{white-space:nowrap;padding:10px 11px}.nav-link span{display:none}.sidebar-bottom{margin-top:10px}.status-dot{display:none}.logout{position:absolute;right:18px;top:18px}.main-content{width:100%;margin:0;padding:27px 16px 50px}.topbar{align-items:flex-start;gap:20px}.topbar h1{font-size:24px}.user-chip{font-size:0}.stats-grid{gap:10px}.stat-card{padding:16px}.stat-value{font-size:25px}.form-grid{grid-template-columns:1fr}.panel{padding:18px}}