:root { --bg:#06090c; --panel:#111820; --panel2:#171f29; --ink:#f7f4eb; --muted:rgba(247,244,235,.64); --line:rgba(255,255,255,.11); --gold:#d7b16e; --red:#ff7676; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, "PingFang SC", "Microsoft YaHei", sans-serif; }
* { box-sizing: border-box; }
body { margin:0; background: radial-gradient(circle at 70% 10%, rgba(215,177,110,.14), transparent 35%), var(--bg); color: var(--ink); }
button, input, textarea { font: inherit; }
button { cursor: pointer; }
.hidden { display:none !important; }
.admin-shell { min-height:100vh; }
.login-card { width:min(520px, calc(100% - 34px)); margin: 10vh auto; padding: 38px; border:1px solid var(--line); background:rgba(255,255,255,.055); border-radius:30px; box-shadow:0 30px 90px rgba(0,0,0,.42); }
.login-card img { height:54px; margin-bottom:22px; }
.login-card h1 { font-size:38px; margin:0 0 12px; }
.login-card p, .login-card small { color:var(--muted); line-height:1.65; }
.login-card form { display:grid; gap:12px; margin:24px 0 16px; }
input, textarea { width:100%; padding:13px 14px; border:1px solid var(--line); border-radius:14px; color:var(--ink); background:rgba(0,0,0,.28); outline:none; }
textarea { min-height:96px; resize:vertical; }
input:focus, textarea:focus { border-color: var(--gold); }
button, .side a { border:0; border-radius:14px; padding:13px 16px; background:rgba(255,255,255,.08); color:var(--ink); text-decoration:none; text-align:left; }
button:hover, .side a:hover { background:rgba(255,255,255,.14); }
.login-card button, #saveBtn { background:linear-gradient(135deg, #f4ddb0, var(--gold)); color:#15100a; font-weight:800; text-align:center; }
.dashboard { display:grid; grid-template-columns:260px 1fr; min-height:100vh; }
.side { position:sticky; top:0; height:100vh; border-right:1px solid var(--line); background:rgba(0,0,0,.32); padding:24px; display:flex; flex-direction:column; gap:10px; }
.side img { width:168px; height:auto; margin:8px 0 24px; }
.side .tab.active { background: var(--gold); color:#15100a; font-weight:900; }
.logout { margin-top:auto; color:var(--red); }
.panel { padding:34px; }
.topbar { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:18px; }
.topbar p { color:var(--gold); margin:0 0 8px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.topbar h2 { margin:0; font-size:42px; letter-spacing:-.04em; }
#saveBtn { padding:14px 22px; }
.notice { border:1px solid rgba(215,177,110,.28); background:rgba(215,177,110,.1); padding:14px 16px; border-radius:16px; color:#f5e1b8; margin-bottom:22px; }
.card-grid, .form-grid { display:grid; gap:18px; }
.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.edit-card, .form-grid label, .case-row, .order-card { border:1px solid var(--line); border-radius:22px; background:rgba(255,255,255,.055); padding:20px; }
.edit-card h3 { margin:0 0 14px; }
.edit-card p { color:var(--muted); margin:12px 0 0; line-height:1.5; }
.preview { width:100%; max-height:360px; object-fit:cover; border:1px solid var(--line); border-radius:18px; background:#050505; margin-bottom:12px; }
.form-grid label { display:grid; gap:9px; color:var(--muted); }
.form-grid .full { grid-column:1 / -1; }
.case-editor { display:grid; gap:18px; }
.case-row { display:grid; grid-template-columns:240px 1fr; gap:18px; }
.case-row img { width:100%; aspect-ratio:1.2/1; object-fit:cover; border-radius:18px; border:1px solid var(--line); }
.case-fields { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.case-fields label { display:grid; gap:8px; color:var(--muted); }
.case-fields .full { grid-column:1 / -1; }
.orders-head { display:flex; align-items:center; gap:14px; margin-bottom:14px; color:var(--muted); }
.orders-list { display:grid; gap:14px; }
.order-card h3 { margin:0 0 8px; }
.order-meta { display:flex; flex-wrap:wrap; gap:12px; color:var(--muted); font-size:14px; margin-bottom:14px; }
.order-card p { white-space:pre-wrap; line-height:1.65; }
@media (max-width: 900px) { .dashboard { grid-template-columns:1fr; } .side { position:static; height:auto; } .two, .case-row, .case-fields { grid-template-columns:1fr; } .topbar { align-items:flex-start; flex-direction:column; } }
.language-guide { display:grid; gap:6px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.045); padding:16px; border-radius:16px; color:var(--muted); margin:-8px 0 22px; }
.language-guide strong { color:var(--gold); }
.section-help { border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.045); color:var(--muted); line-height:1.65; padding:16px; border-radius:16px; margin-bottom:18px; }
.case-row.wide { grid-template-columns:300px 1fr; }
.case-row h3 { margin:0 0 12px; font-size:18px; }
.mini-note { color:var(--muted); font-size:13px; line-height:1.5; margin:10px 0 0; }
@media (max-width: 900px) { .case-row.wide { grid-template-columns:1fr; } }