@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700;800&display=swap);:root{--sidebar-width:230px;--bottom-nav-height:64px;--header-height:54px;--bg:#f0f4f8;--surface:#fff;--border:#e2e8f0;--text-primary:#1a2332;--text-secondary:#64748b;--text-muted:#94a3b8;--accent:#3b82f6;--accent-light:#eff6ff;--radius:12px;--shadow-sm:0 1px 4px #0000000f;--shadow-md:0 4px 16px #00000014}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;background:#f0f4f8;background:var(--bg);font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;overflow-x:hidden}.page-title,body{color:#1a2332;color:var(--text-primary)}.page-title{font-size:24px;font-weight:800;line-height:1.2}.page-subtitle{color:#64748b;color:var(--text-secondary);font-size:14px;margin-top:4px}.page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px}.card{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 4px #0000000f;box-shadow:var(--shadow-sm);padding:20px}.btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;gap:6px;padding:10px 18px;transition:all .15s ease;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:#3b82f6;background:var(--accent);color:#fff}.btn-primary:hover{background:#2563eb}.btn-ghost{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);color:#64748b;color:var(--text-secondary)}.btn-ghost:hover{background:#f8fafc;color:#1a2332;color:var(--text-primary)}.btn-danger{background:#fef2f2;border:1px solid #fecaca;color:#ef4444}.btn-danger:hover{background:#ef4444;color:#fff}.btn-sm{border-radius:8px;font-size:13px;padding:6px 12px}.form-group{margin-bottom:16px}.form-group label{color:#64748b;color:var(--text-secondary);display:block;font-size:13px;font-weight:600;margin-bottom:6px}.input,.select,.textarea{-webkit-appearance:none;appearance:none;background:#fff;background:var(--surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:9px;color:#1a2332;color:var(--text-primary);font-family:DM Sans,sans-serif;font-size:14px;outline:none;padding:10px 14px;transition:border-color .15s;width:100%}.input:focus,.select:focus,.textarea:focus{border-color:#3b82f6;border-color:var(--accent)}.textarea{min-height:80px;resize:vertical}.select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;padding:3px 10px}.badge-pending{background:#fffbeb;border:1px solid #fde68a;color:#d97706}.badge-completed{background:#ecfdf5;border:1px solid #a7f3d0;color:#059669}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:100}.modal{background:#fff;background:var(--surface);border-radius:16px;box-shadow:0 20px 60px #0003;max-height:90vh;max-width:520px;overflow-y:auto;padding:24px;width:100%}.modal-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:20px}.modal-title{color:#1a2332;color:var(--text-primary);font-size:18px;font-weight:700}.close-btn{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.close-btn:hover{background:#e2e8f0}.error-msg{background:#fef2f2;border:1px solid #fecaca;border-radius:9px;color:#dc2626;font-size:13px;margin-bottom:16px;padding:10px 14px}.empty-state{align-items:center;color:#94a3b8;color:var(--text-muted);display:flex;flex-direction:column;gap:10px;justify-content:center;padding:60px 20px;text-align:center}.spinner{animation:spin .7s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top:3px solid var(--accent);height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}@media (min-width:769px){.bottom-nav,.mobile-only{display:none!important}}@media (max-width:768px){.desktop-only,.desktop-sidebar{display:none!important}.bottom-nav{background:#fff;background:var(--surface);border-top:1px solid #e2e8f0;border-top:1px solid var(--border);bottom:0;box-shadow:0 -4px 16px #0000000f;height:64px;height:var(--bottom-nav-height);justify-content:space-around;left:0;padding:0 8px env(safe-area-inset-bottom);position:fixed;right:0;z-index:50}.bottom-nav,.bottom-nav-item{align-items:center;display:flex}.bottom-nav-item{background:none;border:none;border-radius:10px;color:#94a3b8;color:var(--text-muted);cursor:pointer;flex-direction:column;font-size:10px;font-weight:500;gap:3px;min-width:48px;padding:8px 10px;position:relative;text-decoration:none;transition:all .15s}.bottom-nav-item.active,.bottom-nav-item.active svg{color:#3b82f6;color:var(--accent)}.bottom-nav-badge{align-items:center;background:#ef4444;border-radius:50%;color:#fff;display:flex;font-size:9px;font-weight:700;height:16px;justify-content:center;position:absolute;right:4px;top:4px;width:16px}.mobile-header{align-items:center;background:#fff;background:var(--surface);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);box-shadow:0 1px 4px #0000000f;box-shadow:var(--shadow-sm);display:flex;height:56px;justify-content:space-between;left:0;padding:env(safe-area-inset-top) 16px 0;position:fixed;right:0;top:0;z-index:50}.mobile-content{min-height:100vh;padding:72px 16px 80px;padding:72px 16px calc(var(--bottom-nav-height) + 16px)}.page-title{font-size:20px}.page-header{margin-bottom:16px}.page-header .btn-primary{font-size:13px;padding:8px 14px}.card{border-radius:10px;padding:14px}.modal-overlay{align-items:flex-end;padding:0}.modal{border-radius:20px 20px 0 0;max-height:92vh;padding:20px 16px calc(16px + env(safe-area-inset-bottom))}.input,.select,.textarea{font-size:16px;padding:12px 14px}.btn{padding:12px 16px}.btn-sm{font-size:12px;padding:8px 12px}.mobile-grid-1{grid-template-columns:1fr!important}.mobile-stack{flex-direction:column!important}}@media (display-mode:standalone){.mobile-header{padding-top:env(safe-area-inset-top)}.bottom-nav{padding-bottom:env(safe-area-inset-bottom)}}@media (hover:none){.btn:hover{background:inherit;color:inherit}.btn-primary:hover{background:#3b82f6;background:var(--accent)}}
/*# sourceMappingURL=main.70459274.css.map*/