:root{--navy: #091b33;--blue: #61b9eb;--gray: #f2f3f5;--white: #ffffff;--font-main: "Montserrat", sans-serif;--font-mono: "Space Mono", monospace;--radius: 6px;--transition: .18s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--gray);color:var(--navy);font-family:var(--font-main);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-header{background:var(--navy);color:var(--white);padding:0 24px;height:60px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.app-header__brand{display:flex;align-items:center;gap:12px;text-decoration:none}.app-header__logo{height:32px;width:auto}.app-header__title{font-size:15px;font-weight:700;color:var(--white);letter-spacing:.02em;text-transform:uppercase}.app-header__subtitle{font-size:11px;font-weight:400;color:var(--blue);letter-spacing:.05em;text-transform:uppercase}.app-nav{background:var(--navy);border-top:1px solid rgba(255,255,255,.08);padding:0 24px;display:flex;gap:4px}.app-nav a{color:#fff9;text-decoration:none;font-size:13px;font-weight:600;padding:10px 14px;border-bottom:2px solid transparent;transition:color var(--transition),border-color var(--transition)}.app-nav a:hover{color:var(--white)}.app-nav a.active{color:var(--blue);border-bottom-color:var(--blue)}.app-main{flex:1;padding:32px 24px;max-width:1100px;width:100%;margin:0 auto}.page-header{margin-bottom:28px}.page-header h1{font-size:22px;font-weight:700;color:var(--navy)}.page-header p{margin-top:4px;color:#4a5568;font-size:14px}.card{background:var(--white);border-radius:var(--radius);padding:24px;margin-bottom:16px}.card--accent{border-left:3px solid var(--blue)}.stat-row{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:24px}.stat-box{background:var(--white);border-radius:var(--radius);padding:20px 28px;flex:1;min-width:140px;text-align:center}.stat-box__value{font-size:32px;font-weight:700;color:var(--navy);line-height:1}.stat-box__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin-top:4px}.app-footer{background:var(--navy);color:#fff6;text-align:center;font-size:11px;padding:12px 24px;flex-shrink:0}@media (max-width: 600px){.app-header{padding:0 16px}.app-nav{padding:0 12px}.app-main{padding:20px 16px}}