*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation}html,body,#root{height:100%;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:#f4f6fb;color:#111827;overscroll-behavior:none}input,select,textarea,button{font-family:inherit;font-size:16px}button{cursor:pointer}::-webkit-scrollbar{display:none}*{scrollbar-width:none}.alik-app{height:100dvh;display:flex;flex-direction:column;background:#f4f6fb;max-width:430px;margin:0 auto;position:relative}.alik-page{flex:1;overflow-y:auto;padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}.alik-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;background:#fff;border-top:1px solid #E4E7EF;display:flex;padding-bottom:env(safe-area-inset-bottom,0px);z-index:100}.alik-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 0;border:none;background:none;color:#9ca3af;font-size:10px;font-weight:600;transition:color .15s}.alik-nav-btn.active{color:#0f1f3d}.alik-nav-btn .icon{font-size:20px}@media (min-width: 768px){.alik-app{max-width:100%;flex-direction:row;height:100dvh;overflow:hidden}.alik-nav{position:static;transform:none;left:auto;bottom:auto;width:220px;min-width:220px;max-width:220px;height:100dvh;flex-direction:column;border-top:none;border-right:1px solid #E4E7EF;padding-bottom:24px;padding-top:0;justify-content:flex-start;overflow:hidden}.alik-nav:before{content:"Alik";display:block;padding:28px 20px 20px;font-size:22px;font-weight:900;color:#0f1f3d;letter-spacing:-.5px;border-bottom:1px solid #E4E7EF;margin-bottom:10px;width:100%}.alik-nav-btn{flex:none;flex-direction:row;justify-content:flex-start;gap:12px;padding:12px 20px;font-size:13px;font-weight:600;width:100%;border-radius:0;color:#6b7280;text-align:left}.alik-nav-btn:hover{background:#f4f6fb;color:#0f1f3d}.alik-nav-btn.active{background:#eef2ff;color:#0f1f3d;font-weight:700;border-right:3px solid #0F1F3D}.alik-nav-btn .icon{font-size:18px;width:24px;text-align:center;flex-shrink:0}.alik-page{flex:1;overflow-y:auto;padding-bottom:0;display:flex;flex-direction:column;align-items:center}.alik-page>*{width:100%;max-width:720px}}@media (min-width: 1200px){.alik-nav{width:260px;min-width:260px;max-width:260px}.alik-page>*{max-width:860px}}.card{background:#fff;border-radius:14px;border:1.5px solid #E4E7EF;padding:14px;margin-bottom:10px}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:700;border:1px solid transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 20px;border-radius:12px;border:none;font-size:14px;font-weight:700;cursor:pointer;transition:opacity .15s,transform .1s;font-family:inherit}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4;cursor:default}.btn-full{width:100%}.btn-navy{background:#0f1f3d;color:#fff}.btn-green{background:#1a5c3a;color:#fff}.btn-orange{background:#f97316;color:#fff}.btn-outline{background:#fff;color:#6b7280;border:1.5px solid #E4E7EF}.btn-sm{padding:7px 14px;font-size:12px;border-radius:9px}.inp-group{margin-bottom:14px}.inp-label{display:block;font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.4px;margin-bottom:5px}.inp{width:100%;padding:12px 14px;border:1.5px solid #E4E7EF;border-radius:11px;font-size:15px;font-family:inherit;background:#fff;color:#111827;outline:none;transition:border-color .15s}.inp:focus{border-color:#0f1f3d}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .2s ease}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}.sec-title{font-size:10px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.7px;margin-bottom:10px}.empty{text-align:center;padding:40px 20px;color:#9ca3af}.empty .empty-icon{font-size:40px;margin-bottom:10px}.empty .empty-title{font-size:16px;font-weight:700;color:#374151;margin-bottom:4px}.empty .empty-sub{font-size:13px}.toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%);background:#1a2744;color:#fff;padding:10px 20px;border-radius:20px;font-size:13px;font-weight:600;z-index:999;white-space:nowrap;animation:fadeUp .2s ease}@media (min-width: 768px){.toast{bottom:24px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:200;display:flex;align-items:flex-end;justify-content:center}.modal-sheet{background:#fff;border-radius:20px 20px 0 0;width:100%;max-width:430px;max-height:90dvh;overflow-y:auto;padding:20px 16px calc(20px + env(safe-area-inset-bottom,0px));animation:slideUp .2s ease}@media (min-width: 768px){.modal-overlay{align-items:center}.modal-sheet{border-radius:20px;max-width:520px;max-height:85dvh;padding:24px;animation:fadeUp .2s ease}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-title{font-size:17px;font-weight:800;color:#0f1f3d;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.alik-nav-header{display:none}@media (min-width: 768px){.alik-nav-header{display:flex;align-items:center;gap:10px;padding:24px 20px 20px;border-bottom:1px solid #E4E7EF;margin-bottom:10px;width:100%;flex-shrink:0}}
