:root{--bg: #f7f0e6;--bg-soft: #fff7ee;--card: #ffffff;--ink: #1c1e21;--muted: #5f6a79;--accent: #f05a28;--accent-2: #2f8f7b;--border: #eadfcc;--shadow: 0 18px 40px rgba(27, 27, 27, .12);--radius: 18px;--font-body: "Space Grotesk", system-ui, -apple-system, sans-serif;--font-display: "DM Serif Display", "Georgia", serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 700px at 10% 10%,#fff4e2 0%,transparent 60%),radial-gradient(900px 600px at 90% 10%,#ffe2cf 0%,transparent 55%),linear-gradient(135deg,var(--bg-soft) 0%,var(--bg) 55%,#efe4d4 100%)}a{color:inherit;text-decoration:none}#root{min-height:100vh}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;padding:28px 24px 60px}.navbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-left{display:flex;align-items:center;gap:16px}.nav-brand{font-family:var(--font-display);font-size:22px;letter-spacing:.5px}.nav-links{display:flex;gap:16px;align-items:center}.nav-link{padding:8px 12px;border-radius:12px;transition:background .2s ease}.nav-link:hover{background:#f05a281a}.page{max-width:1000px;margin:0 auto}.page-center{min-height:calc(100vh - 100px);display:flex;align-items:center;justify-content:center}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px;border:1px solid rgba(234,223,204,.8)}.card-title{font-family:var(--font-display);font-size:30px;margin:0 0 6px}.card-subtitle{color:var(--muted);margin:0 0 24px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.form{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px}input,select,textarea{padding:12px 14px;border-radius:12px;border:1px solid var(--border);font-family:var(--font-body);font-size:15px;background:#fffdf9}input:focus,select:focus,textarea:focus{outline:2px solid rgba(240,90,40,.25);border-color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:999px;border:none;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 18px #00000014}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background:var(--accent);color:#fff}.btn-outline{background:#fff;border:1px solid var(--accent);color:var(--accent)}.btn-ghost{background:#2f8f7b1a;color:var(--accent-2)}.btn-muted{background:#f4efe6;color:#4c5765}.status{margin-top:12px;color:var(--accent-2);font-weight:600}.error{color:#b42318;background:#fdecec;border:1px solid #f3baba;padding:10px 12px;border-radius:12px}.table{width:100%;border-collapse:collapse;margin-top:12px}.table th,.table td{text-align:left;padding:10px;border-bottom:1px solid var(--border)}.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-scroll .table{min-width:720px}.upload-panel{border:1px dashed #e1c9b6;padding:16px;border-radius:14px;background:#fffaf4}.fade-in{animation:fadeUp .6s ease both}.stagger>*{animation:fadeUp .6s ease both}.stagger>*:nth-child(1){animation-delay:.05s}.stagger>*:nth-child(2){animation-delay:.12s}.stagger>*:nth-child(3){animation-delay:.19s}.stagger>*:nth-child(4){animation-delay:.26s}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .3s ease}.modal-content{background:var(--card);border-radius:var(--radius);box-shadow:0 24px 60px #00000040;max-width:900px;max-height:90vh;width:100%;overflow-y:auto;position:relative;animation:slideUp .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border)}.modal-body{padding:24px}.modal-close{background:none;border:none;font-size:28px;cursor:pointer;color:var(--muted);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.modal-close:hover{background:#0000000d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media(max-width:720px){.navbar{flex-direction:column;align-items:flex-start;gap:12px}.nav-links{flex-wrap:wrap}.app-main{padding:22px 16px 44px}.card{padding:20px}.card-title{font-size:26px}.grid{grid-template-columns:1fr}.btn{width:100%}.modal-overlay{padding:12px}.modal-header,.modal-body{padding:18px}}@media(max-width:520px){.navbar{padding:16px}.nav-brand{font-size:20px}.card{padding:18px}input,select,textarea{font-size:14px}}