:root{font-family:Inter,system-ui,sans-serif;color-scheme:light;background:#fff;color:#1a1a1a}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f5f5f5}button,input,textarea,select{font:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{padding:18px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;background:#fff;border-bottom:2px solid #e0e0e0;box-shadow:0 2px 4px #0000000d}.brand{font-size:1.5rem;font-weight:700;font-family:Georgia,serif;color:#1a1a1a;text-decoration:none}.nav-bar{display:flex;gap:10px}.nav-bar a{color:#666;text-decoration:none;padding:10px 16px;border-radius:8px;background:#f5f5f5}.nav-bar a.active{color:#fff;background:#2196f3}.page-content{width:min(1100px,100%);margin:0 auto;padding:18px 20px 40px}.card,.form-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:18px;margin-bottom:18px;box-shadow:0 1px 3px #00000014}.page-title{margin:0 0 14px;font-size:1.3rem;font-weight:600;color:#1a1a1a}.big-button,.small-button{border:none;border-radius:12px;cursor:pointer;font-weight:600;transition:all .2s}.big-button{width:100%;min-height:72px;background:#42a5f5;color:#fff;font-size:1.15rem;margin:10px 0}.big-button[style]{box-shadow:0 8px 20px #00000014}.big-button:hover:not(:disabled){background:#2196f3}.big-button-inactive{background:#bdbdbd;color:#616161}.big-button-inactive:hover:not(:disabled){background:#ababab}.small-button{min-height:46px;padding:12px 18px;background:#e0e0e0;color:#1a1a1a;margin-top:8px}.small-button:hover:not(:disabled){background:#d0d0d0}.big-button:disabled,.small-button:disabled{opacity:.5;cursor:not-allowed}.input-group{display:grid;gap:10px}input,select{width:100%;border-radius:8px;border:1px solid #d0d0d0;background:#fff;color:#1a1a1a;padding:14px 16px}input:focus,select:focus,textarea:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a}.section-grid{display:grid;gap:18px}.list-grid{display:grid;gap:12px}.list-grid-2col{grid-template-columns:repeat(2,1fr)}.status-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:12px;background:#e3f2fd;color:#1976d2;font-size:.9rem;font-weight:500}.status-chip.green{background:#e8f5e9;color:#2e7d32}.status-chip.red{background:#ffebee;color:#c62828}.message{padding:14px 16px;border-radius:8px;background:#e3f2fd;color:#1565c0}.error{background:#ffebee;color:#c62828}.success{background:#e8f5e9;color:#2e7d32}.transaction-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 14px;border-radius:8px;background:#f5f5f5}.transaction-row>div{flex:1}.transaction-actions{display:flex;gap:10px;flex-wrap:wrap}.toast{position:fixed;right:20px;bottom:20px;background:#323232;color:#fff;padding:10px 14px;border-radius:8px;box-shadow:0 6px 18px #0003}.admin-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px;border-radius:10px;background:#f5f5f5}.admin-row-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex:1;min-width:200px}.color-square{display:inline-flex;width:64px;height:64px;flex-shrink:0;border-radius:10px;border:1px solid #e0e0e0;cursor:pointer;position:relative;overflow:hidden}.color-square input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;border:none;padding:0;cursor:pointer}.member-bar{display:flex;align-items:center;flex-wrap:nowrap;gap:6px;overflow-x:auto}.member-bar .small-button{flex:0 0 auto;margin:0}.member-bar .page-title{flex:0 1 auto;min-width:0;margin:0 auto;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-bar .status-chip{flex:0 0 auto;min-height:46px;white-space:nowrap}.undo-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.undo-bar .small-button{margin:0}.undo-bar .checkin-message{display:flex;align-items:center;min-height:46px;padding:8px 16px}.neg-dot{display:inline-block;width:10px;height:10px;background:#c62828;border-radius:50%;margin-left:8px;box-shadow:0 0 0 3px #c628280f}@media (max-width: 640px){.page-content{padding:18px 12px 28px}.card,.form-card{padding:14px}.page-title{font-size:1.1rem}.big-button{min-height:58px;font-size:1rem}.small-button{min-height:40px;padding:10px 14px;font-size:.92rem}.member-bar .status-chip,.undo-bar .checkin-message{min-height:40px}}