:root{--primary: #3B82F6;--primary-hover: #2563EB;--bg-main: #0F172A;--bg-card: #1E293B;--bg-input: #0F172A;--text-main: #F1F5F9;--text-muted: #94A3B8;--border: rgba(255, 255, 255, .08);--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--accent: #818CF8;--radius: 12px;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .2)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;padding:0;font-family:Inter,-apple-system,sans-serif;background-color:var(--bg-main);color:var(--text-main);height:100vh;overflow:hidden}#app{display:flex;flex-direction:column;height:100%;max-width:600px;margin:0 auto;position:relative}header{height:70px;padding:0 1.25rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--bg-main);flex-shrink:0;position:sticky;top:0;z-index:100}main{flex:1;overflow-y:auto;padding:2.5rem 1.25rem;padding-bottom:120px;display:flex;flex-direction:column;gap:2rem;align-items:center}main>*{width:100%}main::-webkit-scrollbar{width:4px}main::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.5rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem;margin-bottom:2rem;box-shadow:0 10px 25px -5px #00000a33;width:100%;position:relative}.kpi-card{background:linear-gradient(135deg,var(--bg-card) 0%,rgba(30,41,59,.5) 100%);border:1px solid var(--border);padding:1.5rem;border-radius:var(--radius);display:flex;flex-direction:column;gap:.5rem}.kpi-label{font-size:.75rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-weight:600}.kpi-value{font-size:1.5rem;font-weight:700;color:#fff}.btn-primary{background:var(--primary);color:#fff;padding:.9rem;border-radius:var(--radius);font-weight:600;width:100%;border:none;transition:all .2s}.btn-primary:active{transform:translateY(1px);opacity:.9}.btn-secondary{background:#ffffff0d;color:var(--text-main);padding:.8rem 1rem;border-radius:var(--radius);border:1px solid var(--border);font-weight:600}.btn-danger{background:#ef4444;color:#fff;padding:.8rem 1rem;border-radius:var(--radius);border:none;font-weight:600;box-shadow:0 4px 12px #ef44444d}.form-group{margin-bottom:1.25rem}label{font-size:.85rem;color:var(--text-muted);display:block;margin-bottom:.5rem}input,select,textarea{width:100%;background:var(--bg-input);border:1px solid var(--border);padding:.8rem;border-radius:var(--radius);color:#fff;font-size:1rem}.bottom-nav{position:fixed;bottom:0;width:100%;max-width:600px;background:#0f172af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;grid-template-columns:repeat(3,1fr);padding:.5rem;border-top:1px solid var(--border);z-index:1000}.nav-item{background:none;border:none;color:var(--text-muted);font-size:.65rem;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0}.nav-item .material-icons{font-size:1.5rem;margin-bottom:2px}.nav-item.active{color:var(--primary)}.badge{padding:4px 10px;border-radius:99px;font-size:.7rem;font-weight:700;text-transform:uppercase}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:3000;padding:1.5rem;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-overlay.visible{opacity:1;visibility:visible}.modal-container{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;width:100%;max-width:400px;box-shadow:0 25px 50px -12px #00000080;transform:translateY(20px);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column}.modal-overlay.visible .modal-container{transform:translateY(0)}.modal-header{background:linear-gradient(to bottom,rgba(59,130,246,.1),transparent);padding:1.5rem;border-bottom:1px solid var(--border)}.modal-title{font-size:1.25rem;font-weight:700;color:#fff}.modal-body{padding:1.5rem;max-height:70vh;overflow-y:auto}.modal-footer{padding:1.25rem;border-top:1px solid var(--border);display:flex;gap:1rem;background:#0000001a}.bg-pending{background:#f59e0b1a;color:var(--warning)}.bg-success{background:#10b9811a;color:var(--success)}.bg-info{background:#3b82f61a;color:var(--primary)}.flex{display:flex}.justify-between{justify-content:space-between}.items-center{align-items:center}.text-center{text-align:center}.mb-4{margin-bottom:1rem}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.font-bold{font-weight:700}.version-footer{width:100%;text-align:center!important;margin-top:4rem;padding-bottom:2rem;opacity:.3}.version-footer *{text-align:center;justify-content:center}body.light-theme{--bg-main: #F8FAFC;--bg-card: #FFFFFF;--bg-input: #F1F5F9;--text-main: #1E293B;--text-muted: #64748B;--border: rgba(0, 0, 0, .08)}body.light-theme header,body.light-theme .bottom-nav,body.light-theme .sidebar-drawer{box-shadow:0 4px 6px -1px #0000000d}body.light-theme .kpi-card{background:#fff;box-shadow:0 4px 6px -1px #0000000d}body.light-theme .btn-secondary{background:#f1f5f9;color:#1e293b}@media (max-width: 600px){#app{width:100%}}.sidebar-drawer{position:fixed;top:0;left:-280px;width:280px;height:100vh;background:#0f172a;z-index:2500;transition:left .3s cubic-bezier(.4,0,.2,1);box-shadow:10px 0 30px #00000080;display:flex;flex-direction:column}.sidebar-label{margin-top:2rem;padding:.75rem 1.5rem;font-size:.7rem;color:#475569;text-transform:uppercase;font-weight:800;letter-spacing:.1em}.sidebar-drawer.open{left:0}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:2400;opacity:0;visibility:hidden;transition:all .3s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sidebar-overlay.visible{opacity:1;visibility:visible}.sidebar-header{padding:2rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.sidebar-content{flex:1;overflow-y:auto;padding:1rem 0 3rem}.sidebar-item{display:flex;align-items:center;gap:1.25rem;padding:1rem 1.5rem;color:#94a3b8;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:.95rem;cursor:pointer;border-left:3px solid transparent}.sidebar-item:hover{background:#3b82f60d;color:var(--primary)}.sidebar-item:active{background:#3b82f61a}.sidebar-item.active{background:#3b82f614;color:#fff;border-left-color:var(--primary);font-weight:600}.sidebar-item .material-icons{font-size:1.4rem;color:var(--primary);width:28px;display:flex;justify-content:center}.sidebar-footer{padding:1.5rem;border-top:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:1.25rem;background:#0003}.hamburger{background:#ffffff08;border:1px solid rgba(255,255,255,.05);color:#fff;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:all .2s}.hamburger:active{background:#ffffff1a;transform:scale(.95)}.hamburger .material-icons{font-size:1.6rem}.task-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;margin-bottom:8px}.task-item.completed span{text-decoration:line-through;opacity:.5}.task-checkbox{width:20px;height:20px;cursor:pointer}