:root{--primary: #2BB673;--primaryTwo: #009695;--primaryVariant: #00796B;--secondary: #A2D5C6;--background: #FAF9F6;--surface: #FFFFFF;--textPrimary: #263238;--textSecondary: #607D8B;--error: #D32F2F;--success: #81C784;--line: #E6E8EC;--shadow: 0 8px 24px rgba(0,0,0,.06)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";color:var(--textPrimary);background:var(--background);overflow:hidden}.container-page{max-width:1280px;margin:0 auto;padding:20px}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.layout{display:flex;width:100%;height:100vh;overflow:hidden}.sidebar{width:260px;background:var(--surface);border-right:1px solid var(--line);display:none;flex-shrink:0;height:100vh;overflow-y:auto}@media (min-width: 768px){.sidebar{display:block}}.main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.topbar{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:color-mix(in srgb,var(--surface) 85%,transparent);border-bottom:1px solid var(--line);flex:0 0 auto}.main>main{flex:1 1 auto;min-height:0;overflow:auto}.brand{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.brand-badge{width:36px;height:36px;border-radius:10px;background:color-mix(in srgb,var(--primaryTwo) 12%,#fff);display:grid;place-items:center;color:var(--primaryTwo);font-weight:900}.nav{padding:10px}.nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;margin:6px 0;color:var(--textSecondary);text-decoration:none;border-radius:10px;border:1px solid transparent;transition:background .2s,color .2s,border .2s}.nav a:hover{background:color-mix(in srgb,var(--primary) 8%,#fff)}.nav a.active{color:var(--primaryTwo);background:color-mix(in srgb,var(--primaryTwo) 12%,#fff);border-color:color-mix(in srgb,var(--primaryTwo) 28%,#fff)}.topbar-wrap{display:flex;align-items:center;gap:12px;padding:12px 20px}.search{position:relative;flex:1}.search input{width:100%;max-width:480px;padding:10px 12px 10px 36px;border:1px solid var(--line);border-radius:10px;outline:none;background:#fff}.search input:focus{border-color:color-mix(in srgb,var(--primaryTwo) 50%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--primaryTwo) 20%,transparent)}.search .icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--textSecondary)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--textPrimary);cursor:pointer}.btn:hover{background:color-mix(in srgb,var(--primary) 6%,#fff)}.stat{padding:16px;border-radius:14px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}.stat .label{color:var(--textSecondary);font-size:14px}.stat .value{font-weight:800;font-size:24px;margin-top:6px}.stat .chip{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;background:color-mix(in srgb,var(--primaryTwo) 10%,#fff);color:var(--primaryTwo);margin-top:8px}.grid{display:grid;gap:16px}.grid.cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1200px){.grid.cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid.cols-4{grid-template-columns:1fr}}