:root{--primary-color:#00b96b;--success-color:#52c41a;--warning-color:#faad14;--error-color:#ff4d4f;--text-color:#262626;--text-secondary:#8c8c8c;--border-color:#d9d9d9;--background-color:#f5f5f5;--card-background:#fff;--header-height:56px;--nav-height:60px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{background-color:var(--background-color);color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-content{flex:1;padding:16px;padding-bottom:calc(var(--nav-height) + 16px)}.card{background:var(--card-background);border-radius:16px;box-shadow:0 1px 2px #0000000d;margin-bottom:16px;padding:16px}.text-primary{color:var(--primary-color)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-error{color:var(--error-color)}.text-secondary{color:var(--text-secondary)}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:8px}.gap-2{gap:16px}@media(min-width:768px){html{font-size:16px}.app-content,.card{padding:24px}}.auth-container{align-items:center;background:linear-gradient(135deg,#00b96b,#009456);display:flex;justify-content:center;min-height:100vh;padding:16px}.auth-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000026;color:#000000d9;max-width:400px;padding:32px 24px;width:100%}.auth-title{font-size:24px;font-weight:600;margin-bottom:8px;text-align:center}.auth-subtitle{color:#00000073;margin-bottom:24px;text-align:center}.auth-divider{align-items:center;color:#00000073;display:flex;margin:24px 0}.auth-divider:after,.auth-divider:before{background:#d9d9d9;content:"";flex:1;height:1px}.auth-divider span{font-size:12px;padding:0 16px}.auth-footer{color:#00000073;margin-top:16px;text-align:center}.auth-footer a{color:var(--primary-color);font-weight:500}.google-btn{align-items:center;background:#fff;border:1px solid #d9d9d9;border-radius:16px;color:#000000d9;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;height:44px;justify-content:center;transition:all .2s;width:100%}.google-btn:hover{border-color:var(--primary-color);box-shadow:0 2px 4px #0000001a}.loading-container{align-items:center;display:flex;justify-content:center;min-height:200px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.page-header h1{font-size:24px;margin:0}