*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;background:#eaf2f8;color:#1a1a2e;-webkit-font-smoothing:antialiased}html,body,#root{height:100%;overflow:hidden}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:#eaf2f8}.auth-card{width:100%;max-width:400px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014}.auth-header{background:#c41e3a;padding:32px 24px;text-align:center;color:#fff}.auth-header h1{font-size:28px;font-weight:700;letter-spacing:2px}.auth-header p{font-size:13px;opacity:.9;margin-top:4px}.auth-body{padding:32px 24px}.auth-body h2{font-size:20px;font-weight:600;text-align:center;margin-bottom:8px}.auth-subtitle{font-size:14px;color:#6b7280;text-align:center;margin-bottom:32px}.code-inputs{display:flex;gap:8px;justify-content:center;margin-bottom:24px}.code-input{width:48px;height:56px;font-size:24px;font-weight:600;text-align:center;border:2px solid #E5E7EB;border-radius:12px;outline:none;transition:border-color .2s}.code-input:focus{border-color:#c41e3a}.code-input.filled{border-color:#c41e3a}.code-input:disabled{background:#f3f4f6}.shake{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.auth-blocked{padding:16px;background:#fee2e2;border-radius:12px;text-align:center;margin-bottom:16px}.auth-blocked p{font-size:14px;color:#991b1b;font-weight:500}.block-timer{font-size:24px!important;font-weight:700!important;margin-top:4px}.block-icon{font-size:24px}.auth-error{padding:12px;background:#fee2e2;border-radius:8px;text-align:center;color:#991b1b;font-size:14px;margin-bottom:16px}.auth-loading{display:flex;justify-content:center;margin-top:16px}.spinner{width:32px;height:32px;border:3px solid #E5E7EB;border-top-color:#c41e3a;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-container{height:100vh;display:flex;flex-direction:column;max-width:480px;margin:0 auto;background:#eaf2f8;position:relative}.app-content{flex:1;overflow-y:auto;padding:16px 16px 80px;-webkit-overflow-scrolling:touch}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:64px;background:#fff;display:flex;align-items:center;justify-content:space-around;box-shadow:0 -2px 10px #0000000f;z-index:100;padding-bottom:env(safe-area-inset-bottom)}.nav-btn{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;color:#9ca3af;font-size:11px;cursor:pointer;padding:8px 16px}.nav-btn.active{color:#c41e3a}.nav-btn span{margin-top:2px}.center-btn{padding:0}.center-circle{width:52px;height:52px;border-radius:50%;background:#34a853;display:flex;align-items:center;justify-content:center;margin-top:-20px;box-shadow:0 4px 12px #34a8534d;transition:transform .2s}.center-circle.active{transform:scale(1.1);box-shadow:0 4px 16px #34a85366}.dashboard{display:flex;flex-direction:column;gap:12px}.dash-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.dash-header h2{font-size:24px;font-weight:700}.dash-header-actions{display:flex;gap:8px}.icon-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px}.icon-btn:active{background:#0000000d}.refresh-bar{background:#c41e3a;color:#fff;text-align:center;padding:6px;border-radius:8px;font-size:13px;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.status-card{background:#fff;border-radius:16px;padding:16px;display:flex;align-items:center;gap:14px;box-shadow:0 1px 4px #0000000a}.status-card.clickable{cursor:pointer}.status-card.clickable:active{background:#f9fafb}.status-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.status-icon.green{background:#34a853}.status-icon.blue{background:#3b82f6}.status-icon.purple{background:#8b5cf6}.status-info{flex:1;min-width:0}.status-title{font-size:15px;font-weight:600;color:#1a1a2e}.status-subtitle{font-size:13px;color:#6b7280;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-arrow{flex-shrink:0}.profile{display:flex;flex-direction:column;gap:16px}.profile-header{display:flex;align-items:center;gap:16px;padding:8px 0}.avatar{width:56px;height:56px;border-radius:50%;background:#c41e3a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;flex-shrink:0}.profile-name{font-size:20px;font-weight:700}.profile-citizenship{font-size:14px;color:#6b7280;margin-top:2px}.kig-card{background:linear-gradient(135deg,#1a1a2e,#2d2d54);border-radius:16px;padding:24px;color:#fff}.kig-label{font-size:12px;opacity:.7;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.kig-number{font-size:22px;font-weight:700;letter-spacing:2px;margin-bottom:16px;font-family:monospace}.kig-valid{font-size:13px;opacity:.8}.menu-list{display:flex;flex-direction:column;gap:2px;background:#fff;border-radius:16px;overflow:hidden}.menu-item{display:flex;align-items:center;gap:14px;padding:16px;background:#fff;border:none;cursor:pointer;width:100%;text-align:left;font-size:15px;color:#1a1a2e}.menu-item:active{background:#f9fafb}.menu-item span{flex:1}.services{display:flex;flex-direction:column;gap:12px}.section-title{font-size:24px;font-weight:700;margin-bottom:4px}.service-item{display:flex;align-items:center;gap:14px;padding:16px;background:#fff;border-radius:16px;border:none;cursor:pointer;width:100%;text-align:left;box-shadow:0 1px 4px #0000000a}.service-item:active{background:#f9fafb}.service-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.service-title{font-size:15px;font-weight:600;color:#1a1a2e}.service-desc{font-size:13px;color:#6b7280;margin-top:2px}.sub-page{min-height:100vh;background:#eaf2f8}.sub-header{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;position:sticky;top:0;z-index:10;box-shadow:0 1px 4px #0000000a}.sub-header h2{font-size:18px;font-weight:600}.back-btn{background:none;border:none;cursor:pointer;padding:4px}.data-list{padding:16px;display:flex;flex-direction:column;gap:2px}.data-row{display:flex;justify-content:space-between;align-items:flex-start;padding:14px 16px;background:#fff;gap:12px}.data-row:first-child{border-radius:12px 12px 0 0}.data-row:last-child{border-radius:0 0 12px 12px}.data-label{font-size:13px;color:#6b7280;flex-shrink:0}.data-value{font-size:14px;font-weight:500;text-align:right;word-break:break-word}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;gap:12px}.empty-state p{font-size:16px;color:#6b7280;font-weight:500}.empty-hint{font-size:13px!important;color:#9ca3af!important;font-weight:400!important}.faq-list{padding:16px;display:flex;flex-direction:column;gap:8px}.faq-category{background:#fff;border-radius:12px;overflow:hidden}.faq-header{display:flex;justify-content:space-between;align-items:center;padding:16px;width:100%;background:#fff;border:none;cursor:pointer;font-size:15px;font-weight:500;color:#1a1a2e}.faq-items{padding:0 16px 16px}.faq-item{padding:10px 0;font-size:14px;color:#6b7280;border-top:1px solid #F3F4F6}.info-list{padding:16px;display:flex;flex-direction:column;gap:8px}.info-item{background:#fff;border-radius:12px;padding:16px}.info-item h4{font-size:15px;font-weight:600;margin-bottom:4px}.info-item p{font-size:13px;color:#6b7280}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.modal{background:#fff;border-radius:16px;padding:24px;width:100%;max-width:400px}.modal h3{font-size:18px;font-weight:600;margin-bottom:16px}.modal-input{width:100%;padding:12px 16px;border:2px solid #E5E7EB;border-radius:12px;font-size:15px;outline:none;margin-bottom:12px}.modal-input:focus{border-color:#c41e3a}.modal-actions{display:flex;gap:12px;margin-top:8px}.btn-cancel{flex:1;padding:12px;border-radius:12px;border:2px solid #E5E7EB;background:#fff;font-size:15px;cursor:pointer;font-weight:500}.btn-save{flex:1;padding:12px;border-radius:12px;border:none;background:#c41e3a;color:#fff;font-size:15px;cursor:pointer;font-weight:500}.btn-save:active{background:#a31830}.logout-btn{width:100%;padding:14px;border-radius:12px;border:2px solid #EF4444;background:#fff;color:#ef4444;font-size:16px;font-weight:600;cursor:pointer}.logout-btn:active{background:#fee2e2}@supports (padding: max(0px)){.bottom-nav{padding-bottom:max(8px,env(safe-area-inset-bottom))}.app-content{padding-bottom:calc(80px + env(safe-area-inset-bottom))}}