@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap";:root{--sidebar-w:264px}.app-shell{background:#f7f5ef;width:100%;min-height:100vh;display:flex}.main-content{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;visibility:hidden;z-index:49;background:#0c2e278c;transition:opacity .25s,visibility .25s;position:fixed;inset:0}.sidebar-backdrop.visible{opacity:1;visibility:visible}.sidebar{z-index:50;background:linear-gradient(#0c2e27 0%,#0f3d33 100%);flex-direction:column;width:288px;max-width:84vw;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:0 0 40px #00000059}.sidebar.open{transform:translate(0)}.sidebar-header{border-bottom:1px solid #1a4a3e;flex-shrink:0;align-items:center;gap:14px;height:74px;padding:0 20px;display:flex;position:relative}.sidebar-logo{color:#a9812e;background:#a9812e29;border:1px solid #a9812e66;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.sidebar-title h2{color:#f7f5ef;letter-spacing:-.01em;margin:0;font-family:Fraunces,Georgia,serif;font-size:16px;font-weight:600}.sidebar-title p{color:#7fa398;letter-spacing:.04em;text-transform:uppercase;margin:2px 0 0;font-size:11.5px}.sidebar-close-btn{color:#7fa398;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;margin-left:auto;display:flex}.sidebar-close-btn:hover{color:#f7f5ef;background:#ffffff0f}.sidebar-menu{flex-direction:column;flex:1;gap:4px;padding:18px 12px;display:flex;overflow-y:auto}.sidebar-menu a{color:#9fbdb3;border-radius:10px;align-items:center;gap:14px;padding:12px 14px;font-family:Manrope,system-ui,sans-serif;font-size:14.5px;font-weight:500;text-decoration:none;transition:background .2s,color .2s;display:flex;position:relative}.sidebar-menu a:hover{color:#f7f5ef;background:#ffffff0d}.sidebar-menu a.active{color:#f0dda6;background:#a9812e24;font-weight:600}.sidebar-menu a.active:before{content:"";background:#a9812e;border-radius:0 4px 4px 0;width:3px;height:20px;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.sidebar-footer{border-top:1px solid #1a4a3e;flex-shrink:0;padding:16px}.sidebar-footer button{color:#e29b9b;cursor:pointer;background:#a13a3a1f;border:1px solid #a13a3a59;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;height:46px;font-family:Manrope,system-ui,sans-serif;font-size:14px;font-weight:600;transition:background .2s,color .2s;display:flex}.sidebar-footer button:hover{color:#fff;background:#a13a3a;border-color:#a13a3a}.header{z-index:30;background:#fff;border-bottom:1px solid #eae6d9;flex-shrink:0;justify-content:space-between;align-items:center;height:68px;padding:0 20px;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:14px;min-width:0;display:flex}.header-menu-btn{color:#0f5c4c;cursor:pointer;background:#eef8f5;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex}.header-menu-btn:hover{background:#e9f5f0}.header-titles{min-width:0}.header-titles h1{letter-spacing:-.01em;color:#1c231f;white-space:nowrap;text-overflow:ellipsis;margin:0;font-family:Fraunces,Georgia,serif;font-size:20px;font-weight:600;overflow:hidden}.header-titles p{color:#93998f;white-space:nowrap;margin:2px 0 0;font-size:12.5px}.header-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.header-icon-btn{color:#5b6660;cursor:pointer;background:#fff;border:1px solid #e7e2d3;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:background .2s,color .2s,border-color .2s;display:flex;position:relative}.header-icon-btn:hover{color:#0f5c4c;background:#eef8f5;border-color:#bfe0d4}.header-icon-dot{background:#a9812e;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:8px}.user-box{border-left:1px solid #eae6d9;align-items:center;gap:10px;margin-left:4px;padding-left:10px;display:flex}.user-avatar{color:#fff;background:#a9812e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-family:Manrope,system-ui,sans-serif;font-size:13px;font-weight:700;display:flex}.user-info{display:none}.user-info h3{color:#1c231f;margin:0;font-size:14px;font-weight:600}.user-info p{color:#93998f;margin:1px 0 0;font-size:11.5px}.page-content{flex:1;padding:20px 16px;overflow-y:auto}@media (width>=993px){.header-menu-btn{display:none}.header{height:74px;padding:0 28px}.user-info{display:block}.page-content{padding:28px}.sidebar-backdrop,.sidebar-close-btn{display:none}.sidebar{width:var(--sidebar-w);max-width:var(--sidebar-w);box-shadow:none;flex-shrink:0;position:sticky;top:0;transform:none}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--primary:#146c5a;--primary-hover:#0f5647;--primary-light:#eef8f5;--accent:#b89230;--accent-hover:#9e7c23;--accent-light:#fbf6e8;--navy:#183b56;--bg:#f6f8f7;--surface:#fff;--elevated:#fcfcfb;--sidebar:#123b36;--sidebar-hover:#195147;--sidebar-active:#1e6456;--header:#fff;--text:#1b2b34;--text-secondary:#5f6c76;--text-muted:#98a4ad;--white:#fff;--border:#e7ece8;--divider:#f1f3f2;--success:#146c5a;--warning:#d59b21;--danger:#d14343;--info:#3178f6;--card:#fff;--card-hover:#fcfcfb;--icon-green:#ecf8f3;--icon-gold:#fbf6e8;--icon-blue:#eef4ff;--icon-red:#fff2f2;--icon-orange:#fff5ea;--table-header:#fafbfb;--table-hover:#f8fbf9;--btn-primary:#146c5a;--btn-primary-hover:#0f5647;--btn-gold:#b89230;--btn-gold-hover:#9e7c23;--btn-danger:#d14343;--btn-danger-hover:#b73434;--shadow-sm:0 1px 2px #1018280a;--shadow:0 4px 12px #1018280f;--shadow-lg:0 12px 30px #1018281a;--radius-sm:8px;--radius:12px;--radius-lg:16px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-heading:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", Consolas, monospace;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}html{font-size:16px}body{font-family:var(--font-sans);color:var(--text);background:var(--bg);letter-spacing:.1px;font-size:15px;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}img{max-width:100%;display:block}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text);font-weight:600;line-height:1.25}h1{letter-spacing:-.4px;font-size:28px}h2{letter-spacing:-.3px;font-size:22px}h3{font-size:18px}h4{font-size:16px}p{color:var(--text-secondary)}code{font-family:var(--font-mono);background:var(--elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px 6px;font-size:13px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d3ddd7;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:var(--shadow)}.btn{border-radius:var(--radius);justify-content:center;align-items:center;gap:8px;height:44px;padding:0 20px;font-size:14px;font-weight:600;transition:background .2s,transform .1s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--btn-primary);color:var(--white)}.btn-primary:hover{background:var(--btn-primary-hover)}.btn-gold{background:var(--btn-gold);color:var(--white)}.btn-gold:hover{background:var(--btn-gold-hover)}.btn-danger{background:var(--btn-danger);color:var(--white)}.btn-danger:hover{background:var(--btn-danger-hover)}.btn-outline{border:1px solid var(--border);color:var(--text);background:0 0}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);outline:none;width:100%;height:44px;padding:0 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.badge{border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-success{background:var(--icon-green);color:var(--primary)}.badge-warning{background:var(--icon-orange);color:var(--warning)}.badge-danger{background:var(--icon-red);color:var(--danger)}.badge-info{background:var(--icon-blue);color:var(--info)}@media (width<=1024px){html{font-size:15px}h1{font-size:24px}h2{font-size:19px}}@media (width<=640px){.btn{height:42px;padding:0 16px;font-size:13px}}