*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #f5f5f5;--color-card: #ffffff;--color-card-shadow: 0 1px 3px rgba(0, 0, 0, .12);--color-primary: #1a73e8;--color-primary-hover: #1557b0;--color-green: #34a853;--color-red: #ea4335;--color-yellow: #fbbc04;--color-text: #202124;--color-text-secondary: #5f6368;--color-border: #dadce0;--sidebar-width: 240px;--topnav-height: 56px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}html,body,#root{height:100%}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased}.app-layout{display:flex;height:100vh}.app-main-area{display:flex;flex-direction:column;flex:1;min-width:0}.app-content{flex:1;overflow-y:auto;padding:24px}.card{background:var(--color-card);border-radius:8px;box-shadow:var(--color-card-shadow);padding:20px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.badge-green{background:#e6f4ea;color:var(--color-green)}.badge-red{background:#fce8e6;color:var(--color-red)}.badge-yellow{background:#fef7e0;color:#e37400}@media(max-width:1024px){:root{--sidebar-width: 64px}}