body,html{margin:0;padding:0;height:100%;font-family:Arial,sans-serif;overflow-x:hidden}*{box-sizing:border-box}:root{--color-primary: #009ada;--color-primary-600: #00afef;--color-bg: #ffffff;--color-muted: #9a9a9a;--header-height: 60px;--header-height-mobile: 56px;--content-height: calc(100vh - var(--header-height));--content-height-mobile: calc(100vh - var(--header-height-mobile));--mobile-breakpoint: 600px;--tablet-breakpoint: 768px;--radius-1: 6px;--radius-2: 12px;--shadow-1: 0 2px 4px rgba(0,0,0,.1);--shadow-2: 0 8px 30px rgba(0,0,0,.15);--space-1: 8px;--space-2: 12px;--space-3: 16px}.layout-container{height:100vh;display:flex;flex-direction:column}.layout-header{height:var(--header-height);flex-shrink:0}.layout-content{height:var(--content-height);flex:1;overflow:hidden}.page-container{height:var(--content-height);overflow-y:auto;padding:var(--space-3)}.page-container-mobile{height:var(--content-height-mobile);padding:var(--space-2)}.page{background:var(--color-bg)}.container{max-width:420px;margin:0 auto;padding:0 var(--space-3);box-sizing:border-box}.fill{flex:1 1 auto;min-height:0}.scroll{overflow:auto}.center{display:flex;justify-content:center;align-items:center}.card{background:#fff;border-radius:var(--radius-2);box-shadow:var(--shadow-2)}.btn-primary{background:#4da6ff;color:#fff;border:0;border-radius:var(--radius-1);padding:.75rem 1rem}.btn-primary:hover{background:#39f}@media (max-width: 600px){.layout-header{height:var(--header-height-mobile)}.layout-content{height:var(--content-height-mobile)}.page-container{height:var(--content-height-mobile);padding:var(--space-2)}}.no-scroll{overflow:hidden}.scroll-y{overflow-y:auto}.scroll-x{overflow-x:auto}.flex-column{display:flex;flex-direction:column}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}