@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}.collapse{visibility:collapse}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.container{width:100%}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.break-all{word-break:break-all}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--font-family:"Inter", sans-serif;--primary:#000;--bg:#fff;--bg-secondary:#f7f7f7;--border:#e5e5e5;--text:#000;--text-secondary:#555;--badge-pending-bg:#eaeaea;--badge-pending-text:#000;--badge-paid-bg:#f5f5f5;--badge-paid-text:#000;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--radius-sm:4px;--radius-md:8px;--radius-lg:12px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-secondary);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:var(--primary);font-weight:600}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:16px}.app-layout{min-height:100vh;display:flex}.main-content{background:var(--bg-secondary);flex:1;padding-bottom:70px;overflow-x:hidden}.desktop-nav{background-color:var(--bg);border-right:1px solid var(--border);flex-direction:column;gap:16px;width:250px;padding:24px 16px;display:none}.desktop-nav .brand{margin-bottom:32px;padding-left:12px;font-size:1.25rem;font-weight:700}.nav-item{border-radius:var(--radius-md);color:var(--text-secondary);align-items:center;gap:12px;padding:12px;font-weight:500;transition:all .2s;display:flex}.nav-item.active{background-color:var(--primary);color:var(--bg)}.mobile-nav{background-color:var(--bg);border-top:1px solid var(--border);z-index:50;height:64px;padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav .nav-item{color:var(--text-secondary);flex-direction:column;gap:4px;padding:8px;font-size:.75rem}.mobile-nav .nav-item.active{color:var(--primary);background:0 0;font-weight:700}.nav-item-add{width:56px;height:56px;margin-top:-30px;box-shadow:0 4px 12px #0003;background-color:var(--primary)!important;color:var(--bg)!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;padding:0!important;display:flex!important}.nav-item-add span{display:none}.nav-item-add svg{width:28px;height:28px}.card{background-color:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:16px}.btn{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary);color:var(--bg)}.btn-primary:active{opacity:.9}.btn-primary:disabled{background-color:var(--border);color:var(--text-secondary);cursor:not-allowed}.btn-outline{border-color:var(--border);color:var(--text);background-color:#0000}.btn-sm{border-radius:var(--radius-sm);padding:6px 12px;font-size:.75rem}.form-group{margin-bottom:16px}.form-label{color:var(--text);margin-bottom:8px;font-size:.875rem;font-weight:500;display:block}.form-control{border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--bg);width:100%;padding:12px;font-family:inherit;font-size:1rem;transition:border-color .2s}.form-control:focus{border-color:var(--primary);outline:none}.badge{border-radius:var(--radius-sm);align-items:center;padding:4px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-pending{background-color:var(--badge-pending-bg);color:var(--badge-pending-text)}.badge-paid{background-color:var(--badge-paid-bg);color:var(--badge-paid-text)}.app-header{background-color:var(--bg);border-bottom:1px solid var(--border);z-index:40;justify-content:space-between;align-items:center;padding:16px;display:flex;position:sticky;top:0}.app-title{font-size:1.125rem;font-weight:700}.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px;display:grid}.stat-card{background:var(--bg);border-radius:var(--radius-lg);border:1px solid var(--border);padding:16px}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.75rem}.stat-value{font-size:1.5rem;font-weight:700}.student-card{flex-direction:column;gap:12px;display:flex}.student-card-header{justify-content:space-between;align-items:flex-start;display:flex}.student-name{font-size:1rem;font-weight:600}.student-details{color:var(--text-secondary);grid-template-columns:1fr 1fr;gap:8px;font-size:.875rem;display:grid}.student-actions{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:8px;padding-top:12px;display:flex}.reminder-count{color:var(--text-secondary);font-size:.75rem}.tabs{border-bottom:1px solid var(--border);margin-bottom:16px;display:flex}.tab{text-align:center;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid #0000;flex:1;padding:12px;font-weight:500}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}@media(min-width:768px){.desktop-nav{display:flex}.mobile-nav{display:none}.main-content{padding-bottom:0}.app-header{display:none}.dashboard-grid{grid-template-columns:repeat(4,1fr)}.container{padding:32px}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}