*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;background:#f1f5f9;color:#020617}a{color:inherit;text-decoration:none}button,input{font:inherit}.topbar{position:sticky;top:0;z-index:40;border-bottom:1px solid #e2e8f0;background:rgba(255,255,255,.82);backdrop-filter:blur(12px);padding:12px 16px}.topbar-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:8px;font-weight:800}.tabs{display:flex;border-radius:16px;background:#f1f5f9;padding:4px}.tab{border:0;border-radius:12px;padding:8px 16px;color:#64748b;background:transparent;font-weight:600}.tab.active{background:white;color:#020617;box-shadow:0 1px 3px rgba(15,23,42,.12)}.page{min-height:100vh;padding:24px 16px}.container{max-width:1280px;margin:0 auto}.hero{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;border-radius:24px;background:#020617;color:white;padding:20px;box-shadow:0 20px 30px rgba(15,23,42,.18)}.hero.white{background:white;color:#020617;box-shadow:0 1px 8px rgba(15,23,42,.08)}.hero-title{display:flex;align-items:center;gap:12px}.hero-icon,.stat-icon{border-radius:16px;background:rgba(255,255,255,.1);padding:12px}.hero.white .hero-icon{background:#020617;color:white}.hero h1{margin:0;font-size:26px;letter-spacing:-.025em}.hero p,.muted{margin:4px 0 0;color:#94a3b8;font-size:14px}.hero.white p{color:#64748b}.actions{display:flex;flex-wrap:wrap;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:16px;background:#020617;color:white;padding:10px 14px;font-weight:700;font-size:14px;cursor:pointer;transition:.2s}.btn:hover{background:#1e293b}.btn.light{background:white;color:#020617}.btn.outline{border:1px solid #e2e8f0;background:white;color:#334155}.btn.ghost{background:transparent;color:#334155}.btn.danger{border:1px solid rgba(252,165,165,.35);background:rgba(239,68,68,.12);color:#fee2e2}.btn.small{padding:7px 10px;border-radius:12px;font-size:12px}.btn.full{width:100%;padding:18px}.btn:disabled{cursor:not-allowed;opacity:.45}.grid{display:grid;gap:16px}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.main-grid{grid-template-columns:minmax(0,1fr) 420px;margin-top:20px}.card{border-radius:24px;background:white;box-shadow:0 1px 8px rgba(15,23,42,.06);padding:20px}.card+.card{margin-top:20px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.card h2{margin:0;font-size:18px}.stat{border:1px solid rgba(226,232,240,.85)}.stat-top{display:flex;align-items:center;justify-content:space-between}.stat-icon{background:#f1f5f9;color:#334155}.stat-value{margin-top:16px;font-size:26px;font-weight:850}.stat-label{margin-top:4px;color:#475569;font-size:14px;font-weight:650}.stat-desc{margin-top:8px;color:#94a3b8;font-size:12px}.table-wrap{overflow:auto;border:1px solid #e2e8f0;border-radius:16px}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}thead{background:#f8fafc;color:#64748b}th,td{padding:13px 16px}tbody tr{border-top:1px solid #f1f5f9}tbody tr:hover{background:rgba(248,250,252,.85)}.badge{display:inline-flex;border-radius:999px;background:#f1f5f9;color:#334155;padding:4px 10px;font-size:12px;font-weight:700}.badge.green{background:#ecfdf5;color:#047857}.badge.blue{background:#eff6ff;color:#1d4ed8}.form-stack{display:grid;gap:12px}.field label{display:block;margin-bottom:6px;color:#64748b;font-size:12px;font-weight:700}.input{width:100%;border:1px solid #e2e8f0;border-radius:16px;padding:12px 14px;outline:none}.input:focus{border-color:#020617}.upload-box{border:1px dashed #cbd5e1;border-radius:18px;background:#f8fafc;padding:18px;text-align:center;color:#64748b}.photo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.client-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.photo-card{position:relative;display:block;overflow:hidden;border:0;border-radius:24px;background:#f1f5f9;aspect-ratio:4/5;text-align:left;cursor:pointer;box-shadow:0 1px 5px rgba(15,23,42,.08);transition:.25s}.photo-card:hover{transform:translateY(-4px)}.photo-card img{width:100%;height:100%;object-fit:cover;transition:.3s}.photo-card:hover img{transform:scale(1.05)}.pill-top{position:absolute;left:8px;top:8px;border-radius:999px;background:rgba(0,0,0,.45);color:white;padding:4px 8px;font-size:10px;backdrop-filter:blur(6px)}.photo-bottom{position:absolute;inset:auto 0 0;background:linear-gradient(to top,rgba(0,0,0,.72),transparent);color:white;padding:16px 12px;font-size:12px}.toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toggle{display:flex;align-items:center;justify-content:space-between;border:1px solid #e2e8f0;border-radius:16px;background:white;padding:13px 15px;color:#475569;cursor:pointer}.toggle.active{border-color:#020617;background:#020617;color:white}.positions{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.preview-box{margin-top:18px;border-radius:24px;background:#020617;padding:12px}.preview-img{position:relative;overflow:hidden;border-radius:18px;aspect-ratio:16/9;background:#1e293b}.preview-img img{width:100%;height:100%;object-fit:cover;opacity:.9}.watermark-overlay{pointer-events:none;position:absolute;inset:0;overflow:hidden;user-select:none}.wm-text{position:absolute;white-space:nowrap;font-weight:800;letter-spacing:.22em;font-size:12px;color:white;text-shadow:0 2px 6px rgba(0,0,0,.4);transform:rotate(-28deg)}.wm-center-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-18deg);white-space:nowrap;border-radius:999px;background:rgba(0,0,0,.2);padding:12px 24px;font-size:18px;font-weight:850;letter-spacing:.25em;color:white;backdrop-filter:blur(4px)}.wm-logo{position:absolute;display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:18px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.2);color:white;font-weight:900;letter-spacing:.14em;box-shadow:0 8px 18px rgba(0,0,0,.18);backdrop-filter:blur(4px)}.wm-pos-center{left:50%;top:50%;transform:translate(-50%,-50%)}.wm-pos-top-left{left:16px;top:16px}.wm-pos-top-right{right:16px;top:16px}.wm-pos-bottom-left{left:16px;bottom:16px}.wm-pos-bottom-right{right:16px;bottom:16px}.wm-brand{position:absolute;right:12px;bottom:12px;border-radius:999px;background:rgba(0,0,0,.35);padding:4px 10px;color:rgba(255,255,255,.86);font-size:11px;font-weight:650;backdrop-filter:blur(4px)}.client-page{min-height:100vh;background:#0a0a0a;color:white;padding:20px 16px}.client-container{max-width:1152px;margin:0 auto}.client-header{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:20px;margin-bottom:20px}.private-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:rgba(255,255,255,.1);padding:4px 10px;color:rgba(255,255,255,.72);font-size:12px}.client-header h1{margin:10px 0 0;font-size:30px}.client-header p{color:rgba(255,255,255,.55)}.client-panel{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);border-radius:18px;padding:14px;color:rgba(255,255,255,.68)}.client-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.client-stat{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);border-radius:18px;padding:16px}.client-stat div:first-child{color:rgba(255,255,255,.45);font-size:12px}.client-stat div:last-child{margin-top:4px;font-size:22px;font-weight:850}.modal{position:fixed;inset:0;z-index:50;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.95);padding:12px;color:white}.modal.open{display:flex}.modal-close,.modal-nav{position:absolute;border:0;border-radius:999px;background:rgba(255,255,255,.1);color:white;padding:12px;cursor:pointer}.modal-close{right:16px;top:16px}.modal-prev{left:16px;top:50%;transform:translateY(-50%)}.modal-next{right:16px;top:50%;transform:translateY(-50%)}.modal-body{width:100%;max-width:1024px}.modal-meta{display:flex;align-items:center;justify-content:space-between;color:rgba(255,255,255,.68);font-size:14px;margin-bottom:12px}.modal-image{position:relative;overflow:hidden;border-radius:24px;background:rgba(255,255,255,.06);max-height:78vh}.modal-image img{display:block;width:100%;max-height:78vh;object-fit:contain}.test-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.test-card{border:1px solid #e2e8f0;border-radius:18px;background:#f8fafc;padding:16px}.edit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}.photo-delete{position:absolute;right:8px;top:8px;z-index:3}.photo-delete button{width:28px;height:28px;border:0;border-radius:999px;background:rgba(239,68,68,.88);color:white;font-size:20px;line-height:1;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.22)}.notice{border-radius:18px;background:#fef2f2;color:#991b1b;padding:12px;margin-bottom:12px}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f1f5f9;padding:16px}.login-card{max-width:420px;width:100%;border-radius:28px;background:white;padding:28px;box-shadow:0 20px 40px rgba(15,23,42,.12)}@media(max-width:1000px){.stats{grid-template-columns:repeat(2,1fr)}.main-grid{grid-template-columns:1fr}.photo-grid,.client-grid{grid-template-columns:repeat(3,1fr)}.edit-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.topbar-inner,.hero,.client-header{flex-direction:column;align-items:stretch}.tabs{overflow:auto}.stats,.client-stats,.test-grid,.toggle-grid,.edit-grid{grid-template-columns:1fr}.photo-grid,.client-grid{grid-template-columns:repeat(2,1fr)}.positions{grid-template-columns:repeat(2,1fr)}}