:root{--bg: #f7f4ee;--bg-soft: #f1ecdf;--panel: #ffffff;--panel-2: #f7f2e8;--panel-3: #efe8d8;--border: #e7dfce;--border-2: #d9cfb8;--text: #262118;--text-2: #4c4435;--muted: #857a63;--dim: #b1a68c;--gold: #b07a3d;--gold-2: #8d5f26;--gold-dim: rgba(176, 122, 61, .12);--gold-soft: rgba(176, 122, 61, .06);--green: #0e9f6e;--red: #d64545;--amber: #c77700;--blue: #2f7fd1;--violet: #7c6bd1;--radius: 16px;--radius-sm: 11px;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--shadow: 0 1px 2px rgba(84, 62, 26, .06), 0 10px 30px -8px rgba(84, 62, 26, .18);--shadow-sm: 0 1px 2px rgba(84, 62, 26, .08);--sidebar-w: 240px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);background-image:radial-gradient(900px 420px at 85% -10%,rgba(176,122,61,.07),transparent 60%),radial-gradient(700px 380px at -10% 30%,rgba(143,106,47,.05),transparent 55%);background-attachment:fixed;color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}#app{min-height:100vh}h1,h2,h3,h4{font-family:var(--font-display);font-weight:650;margin:0 0 .35em;line-height:1.18;letter-spacing:-.01em}a{color:var(--gold-2);text-decoration:none}a:hover{color:var(--gold)}p{margin:0 0 .8em}img{max-width:100%}::selection{background:#b07a3d40}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--radius-sm);padding:10px 18px;font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap;line-height:1.2;background:var(--panel-2);color:var(--text);box-shadow:var(--shadow-sm)}.btn:hover{background:var(--panel-3)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(180deg,var(--gold),var(--gold-2));color:#fffaf2;box-shadow:0 6px 16px -6px #8d5f268c}.btn-primary:hover{filter:brightness(1.06);background:linear-gradient(180deg,var(--gold),var(--gold-2))}.btn-ghost{background:transparent;border-color:var(--border-2);color:var(--text-2);box-shadow:none}.btn-ghost:hover{border-color:var(--gold);color:var(--gold-2);background:var(--gold-soft)}.btn-danger{background:#d6454517;color:var(--red);border-color:#d6454547;box-shadow:none}.btn-danger:hover{background:#d6454529}.btn-green{background:#0e9f6e1a;color:var(--green);border-color:#0e9f6e4d;box-shadow:none}.btn-sm{padding:7px 13px;font-size:13px;border-radius:9px}.btn-block{width:100%}.btn-icon{padding:8px;border-radius:9px;background:transparent;border:1px solid transparent;color:var(--muted);cursor:pointer;line-height:1;transition:all .12s}.btn-icon:hover{background:var(--panel-2);color:var(--text)}.btn-icon:disabled{opacity:.35;cursor:not-allowed}.btn-icon.danger:hover{background:#d645451f;color:var(--red)}.btn-icon.green:hover{background:#0e9f6e1f;color:var(--green)}.input,.select,.textarea{width:100%;background:var(--panel);border:1px solid var(--border-2);color:var(--text);border-radius:var(--radius-sm);padding:10px 13px;font-family:var(--font-body);font-size:14px;transition:border-color .15s,box-shadow .15s;box-shadow:inset 0 1px 2px #543e1a0a}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-dim)}.input::placeholder,.textarea::placeholder{color:var(--dim)}.textarea{min-height:90px;resize:vertical}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23857a63' fill='none' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;padding-right:34px;background-color:var(--panel)}label.field{display:block;margin-bottom:14px}label.field>span{display:block;font-size:12.5px;font-weight:600;color:var(--muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.6px}.checkbox{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox input{accent-color:var(--gold);width:16px;height:16px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm)}.grid{display:grid;gap:16px}.flex{display:flex;align-items:center;gap:10px}.flex-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.muted{color:var(--muted)}.dim{color:var(--dim)}.gold{color:var(--gold-2)}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;border:1px solid var(--border-2);background:var(--panel-2);color:var(--text-2)}.badge.gold{background:var(--gold-dim);border-color:#b07a3d59;color:var(--gold-2)}.badge.green{background:#0e9f6e1a;border-color:#0e9f6e4d;color:var(--green)}.badge.red{background:#d6454517;border-color:#d645454d;color:var(--red)}.badge.amber{background:#c777001a;border-color:#c777004d;color:var(--amber)}.badge.blue{background:#2f7fd11a;border-color:#2f7fd14d;color:var(--blue)}.badge.dim{background:transparent;color:var(--dim);border-color:var(--border)}.chip{border:1px solid var(--border-2);background:var(--panel);color:var(--text-2);border-radius:11px;padding:8px 13px;font-size:13.5px;cursor:pointer;transition:all .12s;box-shadow:var(--shadow-sm)}.chip:hover{border-color:var(--gold)}.chip.active{border-color:var(--gold);background:var(--gold-dim);color:var(--gold-2);box-shadow:0 0 0 1px var(--gold)}.chip:disabled{opacity:.4;cursor:not-allowed}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow-sm)}table.table{width:100%;border-collapse:collapse;font-size:14px;background:var(--panel)}.table th{text-align:left;padding:12px 16px;font-size:11.5px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);border-bottom:1px solid var(--border);font-weight:600;white-space:nowrap;background:var(--panel-2)}.table td{padding:12px 16px;border-bottom:1px solid var(--border);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--gold-soft)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#4030186b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px 16px;z-index:90;overflow-y:auto}.modal{background:var(--panel);border:1px solid var(--border-2);border-radius:18px;width:100%;max-width:520px;box-shadow:0 24px 70px -20px #40301866;animation:pop .16s ease}.modal.lg{max-width:720px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border)}.modal-header h3{margin:0;font-size:18px}.modal-body{padding:22px}.modal-footer{padding:14px 22px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.empty{text-align:center;padding:40px 20px;color:var(--muted)}.empty .icon{font-size:34px;margin-bottom:10px}.skeleton{background:linear-gradient(90deg,var(--panel-2) 25%,var(--panel-3) 50%,var(--panel-2) 75%);background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:8px}@keyframes shimmer{to{background-position:-200% 0}}.spinner{width:18px;height:18px;border:2px solid rgba(176,122,61,.25);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toasts{position:fixed;bottom:22px;right:22px;z-index:120;display:flex;flex-direction:column;gap:10px;max-width:min(92vw,380px)}.toast{background:var(--panel);border:1px solid var(--border-2);border-left:3px solid var(--gold);border-radius:12px;padding:12px 16px;font-size:14px;box-shadow:var(--shadow);animation:slidein .2s ease}.toast.success{border-left-color:var(--green)}.toast.error{border-left-color:var(--red)}@keyframes slidein{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--dim)}::-webkit-scrollbar-track{background:transparent}@media(max-width:768px){body{font-size:14.5px}.modal-overlay{padding:2vh 10px 10px;align-items:stretch}.modal{max-width:100%}}