body{background-color:#f8f9fa;color:#333;font-family:Inter,-apple-system,sans-serif;margin:0;padding:0}.container{margin:0 auto;max-width:480px;min-height:100vh;padding:20px}.header{margin-bottom:25px;text-align:center}.header h1{color:#2c3e50;font-size:1.8rem;margin:0}.header p{color:#7f8c8d;font-size:.9rem}.reminder-card{align-items:center;background:#fff3cd;border:1px solid #ffeeba;border-radius:15px;box-shadow:0 4px 10px #0000000d;color:#856404;display:flex;gap:15px;margin-bottom:20px;padding:15px}.reminder-icon{font-size:2rem}.reminder-content small{display:block;font-size:.8rem}.reminder-content strong{font-size:1rem}.card{background:#fff;border:1px solid #edf2f7;border-radius:20px;box-shadow:0 10px 25px #0000000d;margin-bottom:20px;padding:25px;text-align:center}.status-icon{display:block;font-size:3rem;margin-bottom:10px}.btn-submit{background:#28a745;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:16px;transition:all .2s;width:100%}.btn-submit:active{transform:scale(.98)}.btn-submit:disabled{background:#ccc;cursor:not-allowed}.history-section{margin-top:35px}.history-section h4{border-left:4px solid #28a745;margin-bottom:15px;padding-left:10px}.log-item{align-items:center;background:#fff;border-left:5px solid #28a745;border-radius:12px;box-shadow:0 2px 5px #00000005;display:flex;justify-content:space-between;margin-bottom:10px;padding:15px}.log-info{display:flex;flex-direction:column}.log-name{font-size:.9rem;font-weight:600}.log-time{color:#95a5a6;font-size:.8rem}.log-badge{background:#e8f5e9;border-radius:6px;color:#2e7d32;font-size:.7rem;font-weight:700;padding:4px 8px}