@import "https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&family=Merriweather:ital,wght@0,400;0,700;1,400&display=swap";:root{--ibad-blue:#1a3a6b;--ibad-blue-dark:#102449;--ibad-blue-mid:#1e4080;--ibad-blue-soft:#e8eef8;--ibad-flame:#e84d0e;--ibad-flame-2:#f59e0b;--ibad-gold:#c9983a;--ibad-green:#15803d;--ibad-red:#b91c1c;--bg:#f0f4f9;--surface:#fff;--border:#dde4ef;--text:#0d1b35;--muted:#5c6f8a;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--shadow-sm:0 1px 3px #1a3a6b14, 0 4px 16px #1a3a6b0f;--shadow-md:0 4px 20px #1a3a6b1f, 0 1px 4px #1a3a6b14;--shadow-lg:0 16px 60px #1a3a6b2e}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Lato,Segoe UI,Arial,sans-serif;font-size:15px}button,input,textarea,select{font:inherit}input,textarea,select{outline-color:var(--ibad-blue)}.logo-img{object-fit:contain;filter:drop-shadow(0 2px 8px #00000026);width:110px;height:auto;margin:0 auto 10px;display:block}.logo-img.small{width:38px;height:auto;margin:0;display:inline-block}.loading{background:linear-gradient(160deg, var(--ibad-blue-dark) 0%, var(--ibad-blue) 100%);place-items:center;min-height:100vh;display:grid}.loading-inner{text-align:center}.loading-inner p{color:#ffffffb3;letter-spacing:.5px;margin:12px 0 0;font-size:14px}.loading-spinner{border:3px solid #fff3;border-top-color:var(--ibad-flame);border-radius:50%;width:36px;height:36px;margin:16px auto 0;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-page{background:linear-gradient(160deg, var(--ibad-blue-dark) 0%, var(--ibad-blue) 60%, #1a4a8a 100%);place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.login-page:before{content:"";pointer-events:none;background:radial-gradient(60% 40% at 80% 20%,#e84d0e2e 0%,#0000 60%),radial-gradient(40% 60% at 10% 80%,#c9983a1f 0%,#0000 50%);position:absolute;inset:0}.login-card{width:100%;max-width:420px;box-shadow:var(--shadow-lg), 0 0 0 1px #ffffff14;text-align:center;z-index:1;background:#fff;border-radius:24px;padding:40px 36px 36px;position:relative}.login-card h1{color:var(--ibad-blue);letter-spacing:-.3px;margin:8px 0 2px;font-size:22px;font-weight:900}.login-card p{color:var(--muted);margin:0;font-size:13px}.login-tagline{letter-spacing:.3px;font-family:Merriweather,Georgia,serif;font-style:italic;color:var(--ibad-gold)!important;margin:10px 0 0!important;font-size:12px!important}.form{text-align:left;flex-direction:column;gap:10px;margin-top:22px;display:flex}.form input{border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text);background:#f8fafd;padding:13px 15px;transition:border-color .2s,box-shadow .2s}.form input:focus{border-color:var(--ibad-blue);background:#fff;box-shadow:0 0 0 3px #1a3a6b1a}.form button[type=submit]{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--ibad-blue) 0%, var(--ibad-blue-mid) 100%);color:#fff;cursor:pointer;border:none;padding:14px;font-size:15px;font-weight:700;transition:opacity .2s,transform .15s;box-shadow:0 4px 14px #1a3a6b4d}.form button[type=submit]:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.form button[type=submit]:disabled{opacity:.6;cursor:not-allowed;transform:none}.app-shell{background:var(--bg);min-height:100vh;display:flex}.sidebar{color:#fff;background:#0f2347;border-right:1px solid #ffffff14;flex-direction:column;flex-shrink:0;width:276px;padding:0;display:flex;box-shadow:6px 0 24px #10244929}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:18px 18px 16px}.sidebar-brand{align-items:center;gap:12px;display:flex}.sidebar-logo-card{background:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 8px 22px #00000038}.sidebar-logo-card img{object-fit:contain;width:34px;height:34px}.brand{letter-spacing:.08em;color:#fff;text-transform:uppercase;font-size:14px;font-weight:900;line-height:1.1}.brand-sub{color:#ffffff94;margin-top:4px;font-size:11px;line-height:1.35}.sidebar-nav{flex-direction:column;flex:1;gap:16px;padding:16px 12px;display:flex}.nav-section{flex-direction:column;gap:4px;display:flex}.nav-section-title{letter-spacing:.12em;text-transform:uppercase;color:#ffffff57;padding:0 10px 5px;font-size:10px;font-weight:900}.nav-btn{color:#ffffffb3;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;width:100%;min-height:40px;padding:9px 10px;font-size:13px;font-weight:800;transition:background .15s,border-color .15s,color .15s,transform .12s;display:flex}.nav-btn:hover{color:#fff;background:#ffffff14;transform:translate(1px)}.nav-btn.active{color:#fff;box-shadow:inset 3px 0 0 var(--ibad-gold);background:#ffffff24;border-color:#ffffff29}.nav-icon{color:#ffffffb8;background:#ffffff12;border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.nav-btn.active .nav-icon{color:#fcd34d;background:#c9983a2e}.nav-copy{flex-direction:column;gap:1px;min-width:0;display:flex}.nav-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-desc{color:#fff6;font-size:10px;font-weight:600;line-height:1.2;display:none}.sidebar-footer{border-top:1px solid #ffffff1a;padding:12px}.user-info{color:#ffffffa3;background:#ffffff12;border-radius:12px;align-items:center;gap:10px;min-width:0;margin-bottom:8px;padding:10px;line-height:1.35;display:flex}.user-avatar{color:#102449;background:linear-gradient(135deg,#c9983a,#f59e0b);border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:12px;font-weight:900;display:grid}.user-info strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.user-info span{color:#ffffff8a;font-size:11px;display:block}.logout{color:#ffffffb8;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:13px;font-weight:800;transition:background .15s,color .15s,border-color .15s;display:flex}.logout:hover{color:#fecaca;background:#b91c1c40;border-color:#f8717159}.content{flex:1;min-width:0;padding:22px 26px 80px;overflow-y:auto}.page-header{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#ffffffdb;border-radius:14px;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;padding:16px 18px;display:flex}.page-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--ibad-gold);margin-bottom:5px;font-size:10px;font-weight:900}.page-header h1{color:var(--ibad-blue);letter-spacing:0;margin:0;font-family:Merriweather,Georgia,serif;font-size:22px;font-weight:700;line-height:1.15}.page-header p{max-width:620px;color:var(--muted);margin:4px 0 0;font-size:13px}.page-header-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.topbar-logo{object-fit:contain;width:36px;height:36px}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.topbar-title h1{color:var(--ibad-blue);letter-spacing:0;margin:0;font-size:22px;font-weight:900}.topbar-title p{color:var(--muted);margin:3px 0 0;font-size:13px}.muted{color:var(--muted)}.clocks{flex-wrap:wrap;gap:8px;display:flex}.clocks span{border:1px solid var(--border);white-space:nowrap;color:var(--ibad-blue);box-shadow:var(--shadow-sm);background:#fff;border-radius:999px;padding:7px 13px;font-size:12px;font-weight:600}.verse-banner{background:linear-gradient(135deg, var(--ibad-blue-dark) 0%, var(--ibad-blue) 100%);border-radius:var(--radius-lg);color:#fff;box-shadow:var(--shadow-md);margin-bottom:20px;padding:20px 24px;position:relative;overflow:hidden}.verse-banner:before{content:"“";color:#ffffff14;pointer-events:none;font-family:Merriweather,Georgia,serif;font-size:120px;line-height:1;position:absolute;top:-20px;left:12px}.verse-banner:after{content:"";pointer-events:none;background:#e84d0e33;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-20px;right:-20px}.verse-text{z-index:1;margin:0 0 8px;font-family:Merriweather,Georgia,serif;font-size:15px;font-style:italic;line-height:1.7;position:relative}.verse-ref{color:var(--ibad-flame-2);letter-spacing:.5px;text-transform:uppercase;z-index:1;font-size:12px;font-weight:700;position:relative}.verse-label{color:#ffffff80;text-transform:uppercase;letter-spacing:1px;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.stat-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);padding:20px 20px 18px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.panel{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);margin-bottom:20px;padding:20px 24px}.panel-head{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:12px;display:flex}.panel-head h3{color:var(--ibad-blue);margin:0;font-size:15px;font-weight:800}.panel-head>button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--ibad-blue-soft);color:var(--ibad-blue);cursor:pointer;padding:7px 14px;font-size:12px;font-weight:700;transition:all .15s}.panel-head>button:hover{background:var(--ibad-blue);color:#fff}.panel-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.wide{grid-column:span 2}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.actions button{border-radius:var(--radius-sm);background:var(--ibad-blue);color:#fff;cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:9px 15px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.actions button:hover:not(:disabled){background:var(--ibad-blue-mid);transform:translateY(-1px)}.actions button:disabled{opacity:.5;cursor:not-allowed;transform:none}.table{margin-top:4px}.row{border-radius:var(--radius-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:11px 8px;transition:background .1s;display:flex}.row:nth-child(odd){background:#f8fafd}.row:nth-child(2n){background:#fff}.row:hover{background:var(--ibad-blue-soft)}.badge{white-space:nowrap;letter-spacing:.2px;background:#f1f5f9;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.badge.paid,.badge.completed,.badge.done{color:var(--ibad-green);background:#dcfce7}.badge.pending{color:#92400e;background:#fef3c7}.badge.overdue{color:var(--ibad-red);background:#fee2e2}.empty{color:var(--muted);text-align:center;padding:28px 0;font-size:14px;font-style:italic}.mini{border-radius:var(--radius-sm);background:var(--ibad-blue-soft);cursor:pointer;color:var(--ibad-blue);border:none;align-items:center;padding:7px 9px;transition:all .15s;display:inline-flex}.mini:hover:not(:disabled){background:var(--ibad-blue);color:#fff}.mini:disabled{opacity:.4;cursor:not-allowed}.mini.danger{color:var(--ibad-red);background:#fee2e2}.mini.danger:hover:not(:disabled){background:var(--ibad-red);color:#fff}.day-card{border:1px solid var(--border);border-radius:var(--radius-md);background:#fafbfd;min-height:110px;padding:8px 10px;transition:border-color .15s,box-shadow .15s}.day-card:hover{border-color:var(--ibad-blue);box-shadow:0 2px 8px #1a3a6b1a}.day-card.today{border-color:var(--ibad-flame);background:#fff8f5}.day-num{color:var(--ibad-blue);justify-content:space-between;align-items:center;margin-bottom:4px;font-size:14px;font-weight:800;display:flex}.day-note{color:#374151;border-left:2px solid var(--ibad-flame);background:#fff;border-radius:5px;margin-top:5px;padding:4px 6px;font-size:11px}.day-task{background:var(--ibad-blue-soft);color:var(--ibad-blue);border-radius:5px;margin-top:4px;padding:3px 6px;font-size:11px}.month-title{align-items:center;gap:8px;margin-bottom:4px;display:flex}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a143299;place-items:center;padding:24px;animation:.15s fadeIn;display:grid;position:fixed;inset:0}.modal{width:min(560px,100%);box-shadow:var(--shadow-lg);border:1px solid var(--border);background:#fff;border-radius:22px;padding:28px;animation:.2s slideUp}.modal h3{color:var(--ibad-blue);margin:0 0 18px;font-size:17px;font-weight:800}.modal input,.modal textarea,.modal select{border:1.5px solid var(--border);border-radius:var(--radius-md);background:#f8fafd;width:100%;padding:12px 14px;transition:border-color .2s,box-shadow .2s}.modal input:focus,.modal textarea:focus,.modal select:focus{border-color:var(--ibad-blue);background:#fff;outline:none;box-shadow:0 0 0 3px #1a3a6b1a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.mobile-nav{z-index:100;background:var(--ibad-blue-dark);border-top:1px solid #ffffff1f;padding:6px 4px 10px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #10244966}.mobile-nav-inner{scrollbar-width:none;justify-content:flex-start;align-items:flex-end;gap:4px;padding:0 6px;display:flex;overflow-x:auto}.mobile-nav-inner::-webkit-scrollbar{display:none}.mobile-nav-btn{cursor:pointer;color:#ffffff80;border-radius:var(--radius-sm);letter-spacing:.2px;background:0 0;border:none;flex-direction:column;flex:0 0 70px;align-items:center;gap:3px;min-width:70px;padding:6px 8px;font-size:10px;font-weight:700;transition:all .15s;display:flex}.mobile-nav-btn.active{color:#fff;background:#ffffff1f}.mobile-nav-btn.active .mnav-icon{color:var(--ibad-flame)}.mnav-icon{font-size:20px;line-height:1}.search-wrap{align-items:center;display:inline-flex;position:relative}.search-wrap svg{color:var(--muted);pointer-events:none;position:absolute;left:10px}.search-wrap input{padding-left:32px!important}@media (width<=1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sidebar{display:none}.mobile-nav{display:block}.content{padding:16px 14px 90px}.page-header{flex-direction:column;margin-bottom:14px;padding:14px 15px}.page-header h1{font-size:20px}.page-header-tools{justify-content:flex-start;width:100%}.stats-grid,.panel-grid{grid-template-columns:1fr}.wide{grid-column:span 1}.topbar{flex-direction:column;align-items:flex-start;margin-bottom:12px}.topbar-title h1{font-size:19px}.verse-banner{padding:16px 18px}.verse-text{font-size:14px}.modal{padding:20px 18px}}@media (width<=480px){.stats-grid{grid-template-columns:1fr 1fr}.stat-card{padding:16px 14px}.clocks span{padding:6px 10px;font-size:11px}}html.dark{--bg:#0d1117;--surface:#161b22;--border:#30363d;--text:#e6edf3;--muted:#8b949e;--ibad-blue-soft:#1a2744}html.dark .sidebar{background:linear-gradient(#0a1628 0%,#102246 100%)}html.dark .login-page{background:linear-gradient(160deg,#080e1a 0%,#0d1b35 100%)}html.dark .login-card{background:#161b22;border:1px solid #30363d}html.dark .login-card h1{color:#7da4f0}html.dark .verse-banner{background:linear-gradient(135deg,#0a1628 0%,#102246 100%)}html.dark .page-header{background:#161b22db;border-color:#30363d}html.dark .modal{background:#161b22;border-color:#30363d}html.dark .modal input,html.dark .modal select,html.dark .modal textarea{color:#e6edf3;background:#0d1117;border-color:#30363d}html.dark .day-card{background:#161b22;border-color:#30363d}html.dark .form input{color:#e6edf3;background:#0d1117;border-color:#30363d}html.dark table th{background:#1a3a6b}html.dark .stat-card{background:#161b22;border-color:#30363d}html.dark .clocks span{color:#7da4f0;background:#161b22;border-color:#30363d}.topbar{gap:12px}@media (width<=768px){.topbar>div:last-child{gap:6px}.topbar>div:last-child input{width:100px}}.att-btn{transition:all .15s;transform:scale(1)}.att-btn:hover{transform:scale(1.15)}