*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050e1b;color:#edf7ff;font-family:system-ui,Arial,sans-serif}header{height:68px;padding:0 6%;display:flex;align-items:center;gap:30px;position:sticky;top:0;z-index:10;background:#050e1bec;backdrop-filter:blur(12px);border-bottom:1px solid #17344d}header b{font-size:21px;white-space:nowrap}header b span,h1 span{color:#35adff}nav{display:flex;gap:20px;flex:1;overflow:auto}nav a{color:#91a9bd;text-decoration:none;white-space:nowrap}.user-email{color:#7f9ab0;font-size:12px;margin-right:5px}button{border:0;border-radius:11px;padding:12px 17px;background:#149be9;color:white;font-weight:800;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}input,select,textarea{padding:12px;border:1px solid #21425d;border-radius:10px;background:#091a2b;color:white;outline:none;width:100%;font:inherit}textarea{min-height:100px;resize:vertical}.hero{min-height:520px;padding:80px 8%;display:grid;align-items:center;background:radial-gradient(circle at 80%,#0879bd55,transparent 35%)}.hero small,.admin-header small{color:#38adff;letter-spacing:2px}.hero h1{font-size:clamp(48px,8vw,82px);line-height:.9;max-width:800px}.hero p{color:#91a9bd}.section{padding:65px 7%}.head{display:flex;justify-content:space-between;gap:15px;align-items:center}.head input{width:280px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:16px;margin-top:20px}.card{position:relative;background:#091a2b;border:1px solid #173650;border-radius:16px;overflow:hidden;cursor:pointer;transition:.18s}.card:hover{border-color:#2aa5ec;transform:translateY(-3px)}.poster{aspect-ratio:2/3;display:grid;place-items:center;position:relative;font-size:50px;background:linear-gradient(145deg,#0d4e78,#071726);overflow:hidden}.body{padding:13px}.body h3{margin:0 0 5px}.meta{font-size:12px;color:#7690a8}.fav{float:right;background:none;color:#7892aa;padding:0}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.chip{background:#0a2032;color:#8fb1c9;border:1px solid #173c57;padding:9px 13px}.chip.active{background:#149be9;color:#fff;border-color:#149be9}.synopsis{font-size:12px;color:#7895aa;line-height:1.35;max-height:34px;overflow:hidden;margin:8px 0 0}.age-badge{position:absolute;top:10px;right:10px;background:#d51f57;color:#fff;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:900;box-shadow:0 4px 14px #0008}.overlay{position:fixed;inset:0;background:#020811e8;display:grid;place-items:center;z-index:50}.overlay[hidden]{display:none}.box{width:min(410px,92%);padding:28px;background:#091a2b;border:1px solid #20435e;border-radius:20px;display:grid;gap:10px}.link{background:none;color:#54baff}.box p{color:#ff9a9a}.admin-section{background:linear-gradient(180deg,#071522,#050e1b)}.admin-header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.admin-header h2{margin-bottom:5px}.admin-header p{color:#7e9bb0}.admin-badge{background:#149be9;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900}.admin-tabs{display:flex;gap:8px;overflow:auto;padding:15px 0;position:sticky;top:68px;z-index:5;background:#050e1bf5}.admin-tab{background:#0a2032;border:1px solid #173c57;color:#8fb1c9;white-space:nowrap}.admin-tab.active{background:#149be9;color:#fff}.admin-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.admin-card{background:#091a2b;border:1px solid #173650;border-radius:16px;padding:18px}.admin-card h3{margin-top:0}.admin-form{display:grid;gap:10px}.admin-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #173650}.admin-row:last-child{border-bottom:0}.admin-row strong,.admin-row small{display:block}.admin-row small{color:#7895aa;margin-top:3px}.danger{background:#a82c4e}.hint{font-size:12px;color:#7895aa}.manga-reader-card{width:min(980px,96vw);height:min(92vh,900px);background:#061321;border:1px solid #214763;border-radius:20px;display:flex;flex-direction:column;position:relative;overflow:hidden}.manga-reader-card h2{margin:0;padding:20px 24px 4px}.reader-chapter{padding:0 24px 15px;color:#7fb4d4}.reader-close{position:absolute;right:12px;top:12px;z-index:2;background:#0d2a40;border-radius:50%;padding:9px 12px}.reader-pages{flex:1;overflow:auto;display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px;background:#02070d}.reader-pages img{display:block;max-width:100%;height:auto}.reader-controls{display:flex;justify-content:space-between;gap:10px;padding:12px 18px;background:#071827;border-top:1px solid #173650}.reader-controls button{flex:1}@media(max-width:750px){header{padding:0 4%;gap:12px}header b{font-size:18px}nav{gap:12px;font-size:13px}.section{padding:50px 5%}.head{align-items:stretch;flex-direction:column}.head input{width:100%}.grid{grid-template-columns:repeat(2,1fr);gap:11px}.admin-panel{grid-template-columns:1fr}.admin-tabs{top:68px}.admin-header{flex-direction:column}.manga-reader-card{height:94vh;border-radius:14px}.reader-controls{padding:9px}.reader-controls button{padding:10px 7px;font-size:12px}.reader-pages{padding:6px}}
/* ===== Construtor de mangá para celular ===== */
.manga-builder-panel{grid-template-columns:1.15fr .85fr}.builder-card{padding:20px}.builder-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:16px}.builder-title>div:first-child{display:flex;gap:12px}.builder-title h3{margin:0 0 4px}.builder-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#0b2c45;border:1px solid #1c5578;font-size:20px;flex:none}.mobile-badge{font-size:10px;font-weight:900;letter-spacing:.8px;color:#6fc8ff;background:#062238;border:1px solid #174c6c;padding:7px 9px;border-radius:999px;white-space:nowrap}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-form label{display:grid;gap:6px;font-size:12px;color:#9bb7ca;font-weight:700}.admin-form label input,.admin-form label select,.admin-form label textarea{margin:0}.checkline{display:flex!important;grid-template-columns:none!important;align-items:center;gap:8px!important}.checkline input{width:auto!important}.builder-divider{display:flex;align-items:center;gap:10px;color:#43b4ff;font-size:11px;font-weight:900;letter-spacing:1.5px;margin:7px 0}.builder-divider:before,.builder-divider:after{content:"";height:1px;background:#173650;flex:1}.pages-input{min-height:190px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;line-height:1.55}.big-action{min-height:48px;font-size:14px;background:linear-gradient(135deg,#149be9,#1474e9);box-shadow:0 8px 24px #149be933}.builder-result{margin-top:14px;padding:14px;border-radius:12px;background:#072b1f;border:1px solid #1b6a4a;color:#a7ffd7;line-height:1.5}.quick-note{margin-top:14px;padding:12px;border-radius:12px;background:#071522;border:1px solid #173650;color:#7895aa;font-size:12px;line-height:1.4}
@media(max-width:750px){.manga-builder-panel{grid-template-columns:1fr}.form-grid-2{grid-template-columns:1fr}.builder-card{padding:15px}.builder-title{flex-direction:column}.mobile-badge{align-self:flex-start}.pages-input{min-height:160px}.admin-tabs{padding-bottom:10px}}

/* ===== Painel mobile premium ===== */
:root{--nb-blue:#20a7ff;--nb-blue2:#166ee8;--nb-bg:#050c16;--nb-card:#091827;--nb-line:#17344c;--nb-muted:#7d96aa}
body{background:radial-gradient(circle at 10% -10%,#0c477055,transparent 32%),radial-gradient(circle at 100% 30%,#173b6b33,transparent 30%),var(--nb-bg)}
button,input,select,textarea{touch-action:manipulation}
button{transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}button:active{transform:scale(.97)}
.admin-section{padding-top:34px}
.admin-header{padding:22px;border:1px solid #1a405d;border-radius:24px;background:linear-gradient(135deg,#0a2135dd,#071421dd);box-shadow:0 18px 60px #0005;position:relative;overflow:hidden}
.admin-header:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-80px;top:-110px;background:#1ba6ff22;filter:blur(2px)}
.admin-header h2{font-size:clamp(26px,5vw,38px)}
.admin-dashboard{margin:18px 0 8px}
.admin-welcome{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 2px 10px}
.eyebrow{font-size:10px;letter-spacing:1.8px;color:#48b9ff;font-weight:900}.admin-welcome h3{margin:5px 0 4px;font-size:22px}.admin-welcome p{margin:0;color:var(--nb-muted);font-size:13px}
.refresh-btn{background:#0a2033;border:1px solid #20516f;color:#9bd9ff;padding:10px 13px}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0 14px}
.stat-card{display:flex;align-items:center;gap:11px;text-align:left;padding:15px;border:1px solid #173c56;background:linear-gradient(145deg,#0a1d2f,#071522);border-radius:17px;color:white;box-shadow:0 8px 28px #0003}
.stat-card>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#0b3150;font-size:19px}.stat-card strong{display:block;font-size:22px;line-height:1}.stat-card small{display:block;color:#7895aa;margin-top:4px;font-size:11px}
.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-actions button{display:grid;grid-template-columns:35px 1fr;text-align:left;column-gap:10px;align-items:center;padding:13px;background:#081a2a;border:1px solid #173b54;color:white;border-radius:16px}.quick-actions span{grid-row:1/3;width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:#0b3150}.quick-actions b{font-size:13px}.quick-actions small{color:#718ca0;font-size:10px;margin-top:2px}
.admin-tabs{margin:12px -1px 18px;padding:10px 2px;gap:8px;top:68px;border-top:1px solid #112b40;border-bottom:1px solid #112b40;box-shadow:0 8px 25px #0005}.admin-tab{border-radius:12px;padding:11px 14px}.admin-panel{align-items:start}.admin-card{box-shadow:0 14px 40px #0003;background:linear-gradient(145deg,#0a1c2d,#071522);border-color:#173a54}.admin-card h3{font-size:17px}
.list-card{min-height:100%}.list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.list-head h3{margin:0 0 3px}.list-count{font-size:11px;color:#6f899c}.admin-search{max-width:220px;padding:10px 12px;background:#061321}
.admin-row{padding:13px 0}.admin-row>div{min-width:0}.admin-row strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.admin-row .danger{flex:none;padding:9px 11px;font-size:12px}
.admin-form input,.admin-form select,.admin-form textarea{background:#061523;border-color:#1b405b;min-height:46px}.admin-form textarea{min-height:110px}.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus{border-color:#28aaff;box-shadow:0 0 0 3px #20a7ff15}.admin-form label{color:#9eb9ca}.big-action{border:1px solid #42baff44}
.pages-input{background:#04111c!important}.builder-result{box-shadow:0 10px 25px #0a5b3c22}
#toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%,20px);z-index:100;opacity:0;pointer-events:none;background:#0b2031;border:1px solid #23506c;color:#dff4ff;border-radius:14px;padding:12px 16px;box-shadow:0 15px 35px #0008;transition:.2s;max-width:90vw;text-align:center}
#toast.show{opacity:1;transform:translate(-50%,0)}
.manga-reader-card{box-shadow:0 25px 80px #000b}.reader-controls{gap:8px}.reader-controls button{border:1px solid #1d4b67}.reader-pages{scroll-behavior:smooth}
@media(max-width:750px){
 body{padding-bottom:0}header{height:62px}.section{padding-left:4%;padding-right:4%}.admin-section{padding-top:22px}.admin-header{padding:18px;border-radius:20px}.admin-header p{font-size:12px}.admin-welcome{align-items:flex-start}.admin-welcome h3{font-size:19px}.refresh-btn{font-size:11px;padding:9px 10px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stat-card{padding:12px}.stat-card strong{font-size:20px}.quick-actions{grid-template-columns:1fr;gap:8px}.quick-actions button{min-height:58px}.admin-tabs{top:62px;margin-left:-4vw;margin-right:-4vw;padding-left:4vw;padding-right:4vw}.admin-tab{font-size:12px;padding:10px 12px}.admin-panel{display:grid;grid-template-columns:1fr;gap:12px}.admin-card{padding:15px;border-radius:17px}.list-head{align-items:stretch;flex-direction:column}.admin-search{max-width:none;width:100%}.form-grid-2{grid-template-columns:1fr}.builder-title h3{font-size:16px}.mobile-badge{font-size:9px}.pages-input{min-height:170px}.admin-row{gap:8px}.admin-row small{font-size:11px}.danger{font-size:11px!important}.manga-reader-card{width:100vw;height:100dvh;max-height:none;border-radius:0;border:0}.manga-reader-card h2{padding:18px 52px 3px 16px;font-size:18px}.reader-chapter{padding:0 16px 10px;font-size:12px}.reader-pages{padding:4px}.reader-controls{padding:8px;position:sticky;bottom:0}.reader-controls button{min-height:44px;font-size:11px}.box{border-radius:18px}
}
@media(min-width:751px){.admin-panel{grid-template-columns:minmax(320px,.85fr) minmax(420px,1.15fr)}}