*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{height:100%}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff;--bg-card:#f8f9fa;--bg-hover:#f1f3f5;--border:#e5e8eb;--text-pri:#1a1d23;--text-sec:#5a6474;--text-muted:#9ba5b4;--blue:#0e53fa;--green:#0a7c3e;--red:#c0392b;--green-bg:#e8f5ee;--red-bg:#fdf0ef;--header-bg:#fff;--mono:"JetBrains Mono", monospace;--sans:"Inter", sans-serif}body{font-family:var(--sans);background:var(--bg);color:var(--text-pri);min-height:100vh}.header{background:var(--header-bg);border-bottom:1px solid var(--border);z-index:100;align-items:center;gap:0;height:60px;padding:0 24px;display:flex;position:sticky;top:0;overflow:hidden;box-shadow:0 1px 4px #0000000f}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 2px 8px #0000001a}.header-content{max-width:1200px;margin:0 auto;padding:0 24px}.app-title{margin:0;font-size:2rem;font-weight:700}.app-main{background-color:#f5f5f5;flex:1;padding:0}a{color:inherit;text-decoration:none}button{font-family:inherit}@media (width<=768px){.app-title{font-size:1.5rem}.header-content{padding:0 16px}}