body{margin:0;padding:0;background-color:#eaffbd;font-family:'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;display:flex;flex-direction:column;min-height:100vh;color:#000000}.miniapp-header{background-color:white;box-shadow:0 2px 10px rgba(0,0,0,0.1);padding:1rem 0}.header-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo a{text-decoration:none;display:flex;align-items:center}.logo-text{font-size:1.5rem;font-weight:700;color:#000000}.main-nav ul{display:flex;list-style:none;margin:0;padding:0;gap:2rem}.main-nav a{text-decoration:none;color:#000000;font-weight:500;transition:color 0.2s ease-in-out}.main-nav a:hover{color:#f6a8a7}.flash{padding:1rem 2rem;margin:1rem auto;max-width:1200px;border-radius:4px;text-align:center}.flash.notice{background-color:#d1ecf1;color:#0c5460}.flash.alert{background-color:#f8d7da;color:#721c24}main{flex:1;padding-top:2rem;padding-bottom:80px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background-color:white;display:flex;justify-content:space-around;align-items:center;padding:10px 0;box-shadow:0 -2px 10px rgba(0,0,0,0.1);z-index:1000}.bottom-nav-item{flex:1;text-align:center}.bottom-nav-item a{text-decoration:none;color:#000000;display:flex;flex-direction:column;align-items:center;padding:5px 0;transition:all 0.2s ease-in-out}.bottom-nav-item a:hover{color:#f6a8a7}.nav-icon{font-size:24px;margin-bottom:5px}.nav-label{font-size:12px;font-weight:500}.miniapp-footer{background-color:#2c3e50;color:white;padding:1rem 0;margin-top:auto;padding-bottom:80px}.footer-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:center;align-items:center}@media (max-width: 768px){.header-content,.footer-content{flex-direction:column;gap:1rem}.bottom-nav{padding:8px 0}.nav-icon{font-size:20px}.nav-label{font-size:10px}}.miniapp-container{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;color:#333;line-height:1.6}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:1rem;font-weight:600;line-height:1.2;color:#000000}h1{font-size:2.5rem;margin-bottom:2rem;text-align:center}h2{font-size:2rem}h3{font-size:1.5rem;margin-top:1.5rem}p{margin-top:0;margin-bottom:1rem}.button{display:inline-block;padding:0.5rem 1rem;background-color:#f6a8a7;color:#000000;text-decoration:none;border-radius:4px;border:1px solid #f08e8d;cursor:pointer;font-size:1rem;transition:all 0.2s ease-in-out;margin-right:0.5rem;margin-bottom:0.5rem;font-weight:500}.button:hover{background-color:#f3918f;border-color:#ee7a78}.button.primary{background-color:#f6a8a7;color:#000000;border-color:#f08e8d;font-weight:600}.button.primary:hover{background-color:#f3918f;border-color:#ee7a78}.certificates-container{margin-bottom:2rem}.action-buttons{margin-bottom:2rem;text-align:center}.certificates-list{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:2rem}.certificate-card{background-color:white;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1);padding:1.5rem;transition:transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out}.certificate-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,0.1)}.certificate-card h3{margin-top:0;margin-bottom:1rem;font-size:1.25rem}.certificate-card p{margin-bottom:0.5rem}.certificate-card .card-actions{margin-top:1.5rem;display:flex;justify-content:flex-end}.certificate-card.detailed{max-width:800px;margin:0 auto}.certificate-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e9ecef}.certificate-body{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:1.5rem}.plaque-preview{background-color:#f8f9fa;padding:1.5rem;border-radius:4px}.plaque{background-color:#f0e6d2;padding:1.5rem;border-radius:4px;border:1px solid #d6c8a6;font-style:italic;box-shadow:0 2px 5px rgba(0,0,0,0.1)}.certificate-description{margin-bottom:1.5rem;padding-top:1.5rem;border-top:1px solid #e9ecef}.certificate-actions{display:flex;justify-content:center;margin-top:2rem}.status{display:inline-block;padding:0.25rem 0.5rem;border-radius:4px;font-size:0.875rem;font-weight:600;text-transform:uppercase}.status.pending{background-color:#ffeeba;color:#856404}.status.approved{background-color:#c3e6cb;color:#155724}.status.planted{background-color:#b8daff;color:#004085}.status.completed{background-color:#d1ecf1;color:#0c5460}.certificate-form-container{max-width:800px;margin:0 auto}.form-instructions{margin-bottom:2rem;background-color:#f8f9fa;padding:1.5rem;border-radius:4px;border-left:4px solid #2c8c99}.certificate-form{background-color:white;padding:2rem;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1);margin-bottom:2rem}.form-section{margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:0.5rem;font-weight:600}.form-control{display:block;width:100%;padding:0.5rem;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:4px;transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25)}.form-text{display:block;margin-top:0.25rem;font-size:0.875rem;color:#6c757d}.error-messages{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;padding:1rem;margin-bottom:1.5rem}.error-messages h2{font-size:1.25rem;margin-top:0;margin-bottom:0.5rem}.error-messages ul{margin-top:0;margin-bottom:0}.empty-state{text-align:center;padding:3rem;background-color:#f8f9fa;border-radius:8px;margin-top:2rem}.empty-state p{font-size:1.25rem;color:#6c757d}