:root{--green: #98c455;--green-deep: #38b24a;--bg0: #050806;--bg1: #0c0f0d;--card: #10150f;--ink: #f6f6fa;--ink-dim: #b8beb9;--ink-faint: #7e847f;--line: rgba(255, 255, 255, .1);--line-green: rgba(152, 196, 85, .45)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Inter,sans-serif;background:linear-gradient(160deg,var(--bg0),var(--bg1) 60%,#101312);min-height:100vh;color:var(--ink)}.shell{max-width:1180px;margin:0 auto;padding:26px 24px 80px}.topbar{display:flex;align-items:center;gap:18px;margin-bottom:30px}.topbar .brand{font-size:24px;font-weight:700}.topbar .brand .accent{color:var(--green)}.topbar .sub{color:var(--ink-faint);font-size:13px;margin-top:2px}.topbar nav{margin-left:auto;display:flex;gap:8px}.tab{background:none;border:1px solid var(--line);color:var(--ink-dim);padding:8px 18px;border-radius:999px;cursor:pointer;font-size:14px}.tab.active{border-color:var(--line-green);color:var(--green);background:#98c45512}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px}h2{font-size:19px;margin-bottom:16px}label{display:block;font-size:13px;color:var(--ink-dim);margin:14px 0 6px}input[type=text],select,textarea{width:100%;background:#090c0a;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-size:14px;font-family:inherit}textarea{min-height:120px;resize:vertical}textarea.tall{min-height:260px;font-family:Consolas,monospace;font-size:12.5px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--line-green)}.btn{background:var(--green);color:#0b0f0a;border:none;border-radius:999px;padding:11px 26px;font-size:14.5px;font-weight:700;cursor:pointer}.btn.secondary{background:none;border:1px solid var(--line-green);color:var(--green)}.btn:disabled{opacity:.45;cursor:default}.row{display:flex;gap:12px;align-items:center;margin-top:20px;flex-wrap:wrap}.status-note{color:var(--ink-dim);font-size:13.5px}.error{color:#e57373;font-size:13.5px;white-space:pre-wrap}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.doc-card{cursor:pointer;transition:border-color .15s}.doc-card:hover{border-color:var(--line-green)}.doc-card .title{font-weight:700;font-size:16px;margin-bottom:6px}.doc-card .meta{color:var(--ink-faint);font-size:12.5px;line-height:1.7}.badge{display:inline-block;font-size:11px;letter-spacing:1px;text-transform:uppercase;border:1px solid var(--line-green);color:var(--green);border-radius:999px;padding:2px 10px;margin-bottom:10px}.badge.draft{border-color:var(--line);color:var(--ink-faint)}.pages{display:flex;gap:16px;flex-wrap:wrap;margin:18px 0}.pages img{width:340px;border:1px solid var(--line);border-radius:8px;display:block;background:#000}.split2{display:grid;grid-template-columns:1fr 1fr;gap:22px}@media (max-width: 900px){.split2{grid-template-columns:1fr}}.uplist{font-size:13px;color:var(--ink-dim);margin-top:8px;line-height:1.8}.spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--line-green);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite;vertical-align:-3px;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#030604eb;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.lightbox img{max-width:94vw;max-height:96vh;border:1px solid var(--line);border-radius:8px;cursor:default;background:#000}.lightbox .lb-nav{position:fixed;top:50%;transform:translateY(-50%);background:var(--card);border:1px solid var(--line-green);color:var(--green);width:46px;height:46px;border-radius:50%;font-size:20px;cursor:pointer}.lightbox .lb-prev{left:22px}.lightbox .lb-next{right:22px}.lightbox .lb-close{position:fixed;top:18px;right:22px;background:var(--card);border:1px solid var(--line);color:var(--ink);width:40px;height:40px;border-radius:50%;font-size:16px;cursor:pointer}.lightbox .lb-count{position:fixed;bottom:18px;left:50%;transform:translate(-50%);color:var(--ink-dim);font-size:13px;letter-spacing:1px}.pages img{cursor:zoom-in}.doc-card{position:relative}.doc-del{position:absolute;top:14px;right:14px;background:none;border:1px solid var(--line);color:var(--ink-faint);width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:13px;line-height:1}.doc-del:hover{border-color:#e57373;color:#e57373}.filedrop{border:1.6px dashed var(--line);border-radius:10px;padding:22px;text-align:center;cursor:pointer;color:var(--ink-dim);font-size:14px;transition:border-color .15s,background .15s;margin-top:6px}.filedrop.over,.filedrop:hover{border-color:var(--line-green);background:#98c4550d}.filedrop .fd-hint{font-size:12px;color:var(--ink-faint);margin-top:6px}.filelist{margin-top:10px;display:flex;flex-direction:column;gap:6px}.filelist .fitem{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink-dim);background:#090c0a;border:1px solid var(--line);border-radius:8px;padding:7px 12px}.filelist .fitem .fname{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filelist .fitem .fkind{color:var(--green);font-size:11px;text-transform:uppercase;letter-spacing:1px}.filelist .fitem button{background:none;border:none;color:var(--ink-faint);cursor:pointer;font-size:13px}.filelist .fitem button:hover{color:#e57373}.img-row-edit{display:flex;align-items:center;gap:10px;cursor:pointer;padding:4px 6px;border-radius:6px;transition:background .12s}.img-row-edit:hover{background:#98c4550f}.img-row-edit .ie-price{color:var(--ink-dim);min-width:68px}.img-row-edit .ie-size{color:var(--ink-faint);min-width:74px}.img-row-edit .ie-note{flex:1;color:var(--ink-dim)}.img-row-edit .ie-pencil{color:var(--ink-faint);opacity:0}.img-row-edit:hover .ie-pencil{opacity:1;color:var(--green)}.img-editor{margin:6px 0 12px;padding:14px;border:1px solid var(--line-green-dim);border-radius:8px;background:#090c0a}
