*{box-sizing:border-box;margin:0;padding:0}body{color:#1a202c;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}.app-wrapper{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:20px}.navbar{backdrop-filter:blur(10px);background:rgba(255,255,255,.95);justify-content:space-between;align-items:center;padding:16px 24px;display:flex;box-shadow:0 2px 8px rgba(0,0,0,.1)}.navbar-brand{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5em;font-weight:800}.logout-btn{color:#e74c3c;cursor:pointer;background:rgba(231,76,60,.1);border:2px solid #e74c3c;border-radius:8px;padding:8px 20px;font-size:.95em;font-weight:600;transition:all .3s}.logout-btn:hover{color:#fff;background:#e74c3c;transform:translateY(-1px)}main{backdrop-filter:blur(10px);background:rgba(255,255,255,.95);border-radius:16px;padding:30px;box-shadow:0 8px 32px rgba(0,0,0,.1)}section{margin-bottom:30px}section h2{color:#2c3e50;margin-bottom:15px;font-size:1.5em}section h3{color:#34495e;margin-bottom:10px;font-size:1.2em}ul{padding:0;list-style:none}li{background:#f8f9fa;border-radius:4px;margin:5px 0;padding:10px}.error{color:#e74c3c;background:#ffe5e5;border-radius:4px;padding:15px;font-weight:700}.overview .stats{flex-wrap:wrap;gap:20px;display:flex}.stat{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;padding:20px 25px;box-shadow:0 4px 12px rgba(102,126,234,.3)}.stat-label{color:rgba(255,255,255,.9);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:.9em;display:block}.stat-value{color:#fff;font-size:2.2em;font-weight:800;display:block}.kids-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.kid-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;transition:all .3s;box-shadow:0 4px 6px rgba(0,0,0,.05)}.kid-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(102,126,234,.2)}.kid-header{border-bottom:2px solid #e1e8ed;justify-content:space-between;align-items:baseline;margin-bottom:15px;padding-bottom:10px;display:flex}.kid-header h3{color:#2c3e50;margin:0;font-size:1.3em}.balance{background:linear-gradient(135deg,#10b981 0%,#059669 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.3em;font-weight:800}.recent-entry{background:linear-gradient(135deg,rgba(102,126,234,.05) 0%,rgba(118,75,162,.05) 100%);border-left:3px solid #667eea;border-radius:8px;flex-direction:column;gap:6px;margin-bottom:12px;padding:14px;display:flex}.entry-type{color:#7f8c8d;text-transform:uppercase;font-size:.85em}.entry-description{color:#2c3e50}.entry-amount{color:#27ae60;font-weight:700}.view-ledger-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;width:100%;padding:12px;font-size:1em;font-weight:600;transition:all .3s;box-shadow:0 4px 12px rgba(102,126,234,.3)}.view-ledger-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.view-ledger-btn:active{transform:translateY(0)}.activity-list{padding:0;list-style:none}.activity-item{background:#f8f9fa;border-radius:4px;grid-template-columns:80px 80px 1fr auto;align-items:center;gap:15px;margin:5px 0;padding:12px;display:grid}.activity-time{color:#7f8c8d;font-size:.9em}.activity-type{text-align:center;background:#e1e8ed;border-radius:3px;padding:3px 8px;font-size:.85em}.activity-description{color:#2c3e50}.activity-amount{color:#27ae60;font-weight:700}.ledger-view{width:100%}.ledger-header{margin-bottom:30px}.back-btn{color:#667eea;cursor:pointer;background:rgba(149,165,166,.2);border:2px solid #667eea;border-radius:8px;margin-bottom:20px;padding:10px 20px;font-size:1em;font-weight:600;transition:all .3s}.back-btn:hover{color:#fff;background:#667eea;transform:translate(-4px)}.balance-display{background:#f8f9fa;border-left:4px solid #27ae60;border-radius:6px;align-items:baseline;gap:10px;padding:20px;display:flex}.balance-label{color:#7f8c8d;font-size:1em}.balance-value{color:#27ae60;font-size:2em;font-weight:700}.ledger-table{border-collapse:collapse;width:100%;margin-top:20px}.ledger-table thead{color:#fff;background:#2c3e50}.ledger-table th{text-align:left;padding:12px;font-weight:600}.ledger-table tbody tr{border-bottom:1px solid #e1e8ed}.ledger-table tbody tr:hover{background:#f8f9fa}.ledger-table td{padding:12px}.date-cell .date{color:#2c3e50;font-weight:500}.date-cell .time{color:#7f8c8d;font-size:.85em}.badge{text-transform:uppercase;border-radius:3px;padding:4px 8px;font-size:.85em;font-weight:500}.badge-earned{color:#155724;background:#d4edda}.badge-adjusted{color:#856404;background:#fff3cd}.amount-cell{font-weight:700}.amount-cell.positive{color:#27ae60}.amount-cell.negative{color:#e74c3c}.balance-cell{color:#2c3e50;font-weight:600}.login-container{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-box{backdrop-filter:blur(10px);text-align:center;background:rgba(255,255,255,.95);border-radius:24px;width:100%;max-width:440px;padding:50px 40px;box-shadow:0 20px 60px rgba(0,0,0,.2)}.login-box h1{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:3.5em;font-weight:800}.login-box .subtitle{color:#718096;margin-bottom:40px;font-size:1.1em}.login-box form{text-align:left}.form-group{margin-bottom:24px}.form-group label{color:#2c3e50;margin-bottom:8px;font-size:.95em;font-weight:600;display:block}.form-group input{color:#2c3e50;background:#fff;border:2px solid #e2e8f0;border-radius:10px;width:100%;padding:14px 16px;font-size:1em;transition:all .3s}.form-group input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.form-group input:disabled{cursor:not-allowed;opacity:.6;background:#f7fafc}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;width:100%;margin-top:8px;padding:16px;font-size:1.1em;font-weight:700;transition:all .3s;box-shadow:0 8px 20px rgba(102,126,234,.4)}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px rgba(102,126,234,.5)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-box .error{text-align:center;margin-top:16px;margin-bottom:8px;font-size:.95em}