@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Anek+Malayalam:wght@400;500;600;700&display=swap");:root{--primary:#5b21b6;--primary-gradient:linear-gradient(180deg,#3b0764,#4c1d95);--accent:#8b5cf6;--success:#22c55e;--background:#f3f4f6;--surface:#fff;--text-main:#111827;--text-muted:#6b7280;--border:#e5e7eb;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--radius-sm:0.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-full:9999px;--app-max-width:420px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}body,html{overscroll-behavior-y:none;overscroll-behavior:none;background-color:var(--background)}body{font-family:Inter,sans-serif;color:var(--text-main);display:flex;justify-content:center;align-items:flex-start;height:100dvh;overflow:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}button,input,select{font-family:inherit;color:inherit}button{cursor:pointer;border:none;background:transparent}.mobile-wrapper{width:100%;max-width:var(--app-max-width);height:100dvh;background-color:var(--surface);position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;-webkit-overflow-scrolling:auto;touch-action:pan-y;scrollbar-width:none;-ms-overflow-style:none;box-shadow:var(--shadow-lg);display:flex;flex-direction:column}@media (max-width:480px){.mobile-wrapper{max-width:100%}}.mobile-wrapper::-webkit-scrollbar{display:none}::-webkit-scrollbar{width:0;height:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.page-container{display:flex;flex-direction:column;height:100%;min-height:100vh;background-color:var(--surface);position:relative}.section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.section-header h2{font-size:1rem;font-weight:600;color:var(--text-main)}.icon-circle{width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.red-circle{background-color:#ef4444}.green-circle{background-color:#22c55e}.avatar-circle{width:44px;height:44px;background-color:#c4b5fd;border-radius:var(--radius-full);flex-shrink:0}.avatar-circle.large{width:54px;height:54px}.avatar-circle.small{width:36px;height:36px}.avatar-circle.tiny{width:26px;height:26px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin{animation:spin .8s linear infinite}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:800px 100%;animation:shimmer 1.4s linear infinite;border-radius:.5rem}.skeleton-text{height:.8rem;margin-bottom:.4rem}.skeleton-text.wide{width:70%}.skeleton-text.short{width:40%}.skeleton-text.full{width:100%}.skeleton-circle{border-radius:var(--radius-full);flex-shrink:0}.skeleton-card-block{background:#fff;border-radius:.75rem;padding:1rem 1.25rem;border:1px solid var(--border);display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.skeleton-event-card{min-width:240px;background:#fff;border-radius:var(--radius-md);padding:1rem;border:1px solid var(--border);display:flex;gap:1rem;align-items:flex-start}.error-text{font-size:.78rem;color:#ef4444;margin-bottom:.5rem}.section-title{font-size:.9rem;font-weight:600;color:var(--text-muted);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.04em}.due-tag,.pending-tag{font-size:.7rem!important;font-weight:600;color:#b45309!important;background-color:#fef3c7;padding:2px 7px;border-radius:999px;display:inline-block;margin-top:3px}.search-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:100;max-height:200px;overflow-y:auto}.dropdown-item{display:flex;align-items:center;gap:.6rem;padding:.6rem 1rem;cursor:pointer;font-size:.875rem;color:var(--text-main);transition:background .1s}.dropdown-item:hover{background-color:#f9fafb}.member-list-items{display:flex;flex-direction:column;gap:.6rem}.member-list-card{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#fff;border-radius:var(--radius-sm);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.member-info h3{font-size:.9rem;font-weight:600}.member-info p{font-size:.72rem;color:var(--text-muted)}.name-ml{font-size:.78rem!important;color:var(--text-muted)}.notebook-wrapper{background-color:#fcfaf0;border-radius:4px;box-shadow:var(--shadow-sm);overflow:hidden;position:relative;font-family:Anek Malayalam,sans-serif;padding-left:36px;border:1px solid #e5e5e5;min-height:400px}.notebook-wrapper:before{left:28px}.notebook-wrapper:after,.notebook-wrapper:before{content:"";position:absolute;top:0;bottom:0;width:4px;border-left:1px solid #fca5a5;border-right:1px solid #fca5a5;z-index:1}.notebook-wrapper:after{right:125px;pointer-events:none}.notebook-row{display:flex;align-items:flex-end;min-height:40px;border-bottom:1px solid #93c5fd;position:relative;z-index:2;padding:2px 0}.notebook-row:hover{background-color:rgba(0,0,0,.02)}.notebook-cell{padding:0 8px;font-size:1rem;color:#1e3a8a;line-height:1.2}.cell-sl{width:30px;margin-left:-32px;text-align:right;font-size:.85rem;font-family:Inter,sans-serif;font-weight:500;color:#ef4444}.cell-name{flex:1 1;display:flex;justify-content:center;align-items:flex-start;padding:2px 8px}.cell-name span{display:inline-block;max-width:100%;white-space:normal;word-break:break-word;font-size:1.05rem;font-weight:500;text-align:left;width:100%}.cell-amount-container{width:125px;flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;padding-left:8px}.cell-paid{text-align:right;overflow:hidden;text-overflow:ellipsis}.cell-balance,.cell-paid{font-size:.85rem;font-weight:600;font-family:Inter,sans-serif;letter-spacing:.5px}.cell-balance{text-align:left;margin-left:4px;white-space:nowrap}.payment-card--done{opacity:.7}.mark-btn{align-items:center;padding:6px 12px;background-color:var(--accent);color:#fff;border-radius:var(--radius-full);font-size:.78rem;font-weight:600}.inline-amount,.mark-btn{display:flex;gap:4px;flex-shrink:0}.inline-amount{flex-direction:column;align-items:flex-end}.amount-input-row{display:flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:#f9fafb}.rupee-symbol{padding:6px 8px;font-weight:600;color:var(--text-muted);font-size:.9rem}.amount-input{width:80px;border:none;outline:none;padding:6px 4px;font-size:.9rem;background:transparent}.confirm-btn{padding:5px 12px;background:var(--success);color:#fff;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.cancel-btn{font-size:.7rem;color:var(--text-muted);padding:2px 4px}.paid-badge{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;font-weight:600;color:#15803d;background:#dcfce7;padding:3px 8px;border-radius:999px;margin-top:4px}.list-section-label{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:1rem 0 .5rem}.payment-card--upcoming{opacity:.75;border-style:dashed}.payment-card--active{border-color:var(--accent)}.upcoming-badge{font-size:.65rem;font-weight:600;color:#5b21b6;background:#ede9fe;padding:3px 8px;border-radius:999px;flex-shrink:0}