:root{--orange: #e07820;--orange-dark: #c4631a;--cream: #fff8f0;--ink: #1a1a1a;--muted: #888;--line: #e8e2d9;--sidebar: #2a2018;--danger: #c62828}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Segoe UI,system-ui,-apple-system,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--cream)}a{color:inherit;text-decoration:none}h2{margin:0 0 16px;font-size:22px}h3{margin:0 0 10px;font-size:16px}.muted{color:var(--muted)}.error{color:var(--danger);background:#fdecea;border:1px solid #f5c6c2;padding:8px 12px;border-radius:8px;font-size:14px}.centered{display:grid;place-items:center;height:100%}code{background:#f0e9df;padding:1px 6px;border-radius:5px;font-size:13px}.btn{border:none;border-radius:8px;padding:9px 16px;font-size:14px;font-weight:600;cursor:pointer;background:#efe9e0;color:var(--ink)}.btn:hover{filter:brightness(.97)}.btn.primary{background:var(--orange);color:#fff}.btn.primary:hover{background:var(--orange-dark)}.btn.ghost{background:transparent;border:1px solid var(--line)}.btn.small{padding:5px 10px;font-size:13px}.btn.danger{background:#fdecea;color:var(--danger)}.btn.block{width:100%;padding:12px}.btn:disabled{opacity:.6;cursor:default}.brand{font-size:20px;font-weight:800;color:var(--orange)}.brand span{color:#fff;font-weight:400;margin-left:6px;opacity:.8}.brand.big{font-size:30px}.brand.big span{color:var(--muted)}.login-wrap{min-height:100%;display:grid;place-items:center;padding:24px;background:linear-gradient(160deg,#fff8f0,#ffedd8)}.login-card{background:#fff;width:360px;max-width:100%;padding:32px;border-radius:16px;box-shadow:0 12px 40px #0000001f}.login-card label{display:block;font-size:13px;font-weight:600;margin:14px 0 6px}.login-card input{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;font-size:14px}.login-card .btn{margin-top:20px}.app{display:grid;grid-template-columns:230px 1fr;height:100%}.sidebar{background:var(--sidebar);color:#fff;padding:20px 14px;overflow-y:auto}.sidebar .brand{padding:0 8px 18px}.sidebar nav{display:flex;flex-direction:column;gap:2px}.sidebar nav a{padding:10px 12px;border-radius:8px;color:#d9cfc4;font-size:14px}.sidebar nav a:hover{background:#ffffff0f;color:#fff}.sidebar nav a.active{background:var(--orange);color:#fff;font-weight:600}.nav-sep{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#7c7065;margin:16px 12px 4px}.main{display:flex;flex-direction:column;min-width:0;height:100%}.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:#fff;border-bottom:1px solid var(--line)}.topbar .crumb{font-weight:600;color:var(--muted)}.topbar .user{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--muted)}.content{padding:24px;overflow-y:auto}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;display:block}.card:hover{border-color:var(--orange)}.card-num{font-size:32px;font-weight:800;color:var(--orange)}.card-label{color:var(--muted);margin-top:4px}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:auto}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;padding:11px 14px;background:#faf6f0;border-bottom:1px solid var(--line);font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.table td{padding:11px 14px;border-bottom:1px solid #f3eee6}.table tr:last-child td{border-bottom:none}.table .actions{display:flex;gap:6px;justify-content:flex-end}.col-actions{width:1px}.inline-select{padding:5px 8px;border:1px solid var(--line);border-radius:7px;font-size:13px;background:#fff}.assign{margin:16px 0}.assign>label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--cream);border:1px solid var(--line);border-radius:16px;padding:4px 6px 4px 12px;font-size:13px}.chip button{border:none;background:#e4d9cb;color:#6b5d4d;width:18px;height:18px;border-radius:50%;cursor:pointer;font-size:13px;line-height:1}.chip button:hover{background:var(--orange);color:#fff}.assign-add{display:flex;gap:8px}.assign-add select{flex:1;padding:8px 10px;border:1px solid var(--line);border-radius:8px;font-size:14px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;padding:24px;z-index:50}.modal{background:#fff;width:480px;max-width:100%;max-height:90vh;overflow:auto;border-radius:14px}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line)}.modal-head h3{margin:0}.modal-head .x{border:none;background:none;font-size:24px;line-height:1;cursor:pointer;color:var(--muted)}.modal-body{padding:20px}.form .field{margin-bottom:14px}.form.narrow{max-width:420px}.form label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.form input,.form select,.form textarea{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:9px;font-size:14px;font-family:inherit}.form input[type=checkbox]{width:auto}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.media-row{display:flex;gap:18px;margin-top:6px}.media-cell{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.media-thumb{width:72px;height:72px;object-fit:cover;border-radius:10px;border:1px solid var(--line);background:#faf7f4}.media-thumb.portrait{width:72px;height:104px}.media-thumb.empty{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12px}.file-btn{cursor:pointer}