:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#140a1e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{width:100%;height:100%}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#140a1e,#231432,#0f0519);color:#fff;overflow-x:hidden}a{font-weight:500;color:#ff6b9d;text-decoration:none;transition:all .3s ease}a:hover{color:#ff9f5a;text-shadow:0 0 10px rgba(255,107,157,.5)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:transparent;cursor:pointer;transition:all .3s ease}button:hover{border-color:#ff6b9d;background-color:#ff6b9d1a}button:focus,button:focus-visible{outline:4px auto #ff6b9d;outline-offset:2px}h1{font-size:3.2em;line-height:1.1}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0000004d}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ff6b9d,#ff9f5a);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ff9f5a,#ff6b9d)}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff;overflow-x:hidden}.app{min-height:100vh;position:relative}.navbar{position:fixed;top:0;width:100%;z-index:1000;background:#140a1ecc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,100,150,.2)}.nav-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:1.8rem;font-weight:700;color:#ff6b9d;text-decoration:none;transition:all .3s ease}.nav-logo:hover{transform:scale(1.05);text-shadow:0 0 20px rgba(255,107,157,.8)}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-item{list-style:none}.nav-link{color:#fff;text-decoration:none;font-weight:500;transition:all .3s ease;position:relative}.nav-link:hover{color:#ff6b9d;transform:translateY(-2px)}.nav-link.emergency{background:linear-gradient(135deg,#ff6b35,#f7931e);padding:.5rem 1rem;border-radius:8px;animation:pulse-glow 2s infinite}.nav-link.admin{background:linear-gradient(135deg,#639,#9370db);padding:.5rem 1rem;border-radius:8px}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #ff6b3580}50%{box-shadow:0 0 20px #ff6b35cc}}.home-container{padding-top:100px;position:relative;z-index:10}.hero-section{text-align:center;padding:6rem 2rem;background:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.hero-content{max-width:800px;margin:0 auto}.hero-title{font-size:3.5rem;font-weight:700;background:linear-gradient(135deg,#ff6b9d,#ff9f5a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;animation:slideDown 1s ease}.hero-subtitle{font-size:1.5rem;color:#fffc;margin-bottom:2rem}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.btn{padding:1rem 2rem;font-size:1.1rem;border:none;border-radius:8px;cursor:pointer;text-decoration:none;font-weight:700;transition:all .3s ease;display:inline-block}.btn-primary{background:linear-gradient(135deg,#dc143c,#ff6b9d);color:#fff}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #dc143c80}.btn-secondary{background:linear-gradient(135deg,#1e40af,#1e3a8a);color:#fff}.btn-secondary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #1e40af80}.btn-emergency{background:linear-gradient(135deg,#991b1b,#7f1d1d);color:#fff;animation:pulse-glow 2s infinite}.btn-emergency:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 10px 30px #991b1bb3}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.features-section{padding:4rem 2rem;background:#00000080;text-align:center;max-width:1200px;margin:0 auto}.features-section h2{font-size:2.5rem;margin-bottom:3rem;background:linear-gradient(135deg,#ff6b9d,#ff9f5a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{padding:2rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid;border-radius:16px;transition:all .3s ease;cursor:pointer}.feature-card:hover{transform:translateY(-10px);background:#ffffff1a;box-shadow:0 20px 40px #0000004d}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{font-size:1.5rem;margin-bottom:1rem}.feature-card p{color:#ffffffb3;font-size:1rem}.stats-section{padding:4rem 2rem;background:#0000004d;text-align:center}.stats-section h2{font-size:2.5rem;margin-bottom:3rem;background:linear-gradient(135deg,#ff6b9d,#ff9f5a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.stat-item{padding:2rem;background:linear-gradient(135deg,#ff6b9d1a,#ff9f5a1a);border:1px solid rgba(255,107,157,.3);border-radius:12px;display:flex;flex-direction:column;gap:1rem}.stat-value{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#ff6b9d,#ff9f5a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{color:#fffc;font-size:1.1rem}.card{padding:2em}.read-the-docs{color:#888}.background-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.donor-registration{padding:120px 20px 40px;min-height:100vh;position:relative;z-index:10}.registration-card{max-width:600px;margin:0 auto;padding:2.5rem;background:#dc143c0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(220,20,60,.3);border-radius:20px;box-shadow:0 20px 60px #0000004d;animation:slideUp .8s ease}.card-header{text-align:center;margin-bottom:2rem}.card-header h2{font-size:2.2rem;background:linear-gradient(135deg,#dc143c,#ff6b9d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.card-header p{color:#ffffffb3;font-size:1.1rem}.registration-form{display:flex;flex-direction:column;gap:1.5rem}.form-group input,.form-group select{padding:.75rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#0000004d;color:#fff;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus{outline:none;background:#ffffff1a;border-color:#dc143c99;box-shadow:0 0 15px #dc143c4d}.form-group input::placeholder{color:#c8c8c8}.submit-btn{padding:1rem;background:linear-gradient(135deg,#dc143c,#ff6b9d);color:#fff;border:none;border-radius:8px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease;margin-top:1rem}.submit-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 30px #dc143c80}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.message{padding:1rem;margin-top:1rem;border-radius:8px;background:#1e501ecc;border:1px solid rgba(76,175,80,.5);color:#b4ffb4;text-align:center;font-weight:500;animation:slideDown .5s ease}@media(max-width:600px){.form-row{grid-template-columns:1fr}.registration-card{padding:1.5rem}.card-header h2{font-size:1.8rem}}.donor-search{padding:120px 20px 40px;min-height:100vh;position:relative;z-index:10}.search-container{max-width:1000px;margin:0 auto}.search-card{padding:2.5rem;background:#87ceeb0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(135,206,235,.3);border-radius:20px;margin-bottom:2rem;animation:slideUp .8s ease}.search-card h2{font-size:2.2rem;background:linear-gradient(135deg,#87ceeb,#4a90e2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.search-card>p{color:#ffffffb3;font-size:1.1rem;margin-bottom:1.5rem}.search-form{display:flex;flex-direction:column;gap:1.5rem}.search-inputs{display:grid;grid-template-columns:1fr 1fr auto;gap:1.5rem;align-items:flex-end}.search-group{display:flex;flex-direction:column;gap:.5rem}.search-group label{font-weight:600;color:#ffffffe6}.search-group input,.search-group select{padding:.75rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#0000004d;color:#fff;font-size:1rem;transition:all .3s ease}.search-group input::placeholder{color:#c8c8c8}.search-group input:focus,.search-group select:focus{outline:none;background:#ffffff1a;border-color:#87ceeb99;box-shadow:0 0 15px #87ceeb4d}.search-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#1d5a9a,#0d4580);color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease;height:44px}.search-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #87ceeb80}.results-section{margin-top:2rem}.loading{text-align:center;padding:2rem;color:#ffffffb3;font-size:1.1rem}.donors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.donor-card{padding:1.5rem;background:#87ceeb1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(135,206,235,.3);border-radius:16px;transition:all .3s ease}.donor-card:hover{transform:translateY(-8px);background:#87ceeb26;box-shadow:0 15px 40px #87ceeb33}.donor-badge{display:flex;justify-content:center;margin-bottom:1rem}.blood-group{background:linear-gradient(135deg,#ff6b9d,#ff9f5a);padding:.5rem 1rem;border-radius:20px;font-weight:700;font-size:1.1rem}.donor-info h3{font-size:1.3rem;margin-bottom:.5rem;color:#fff}.donor-info p{color:#ffffffb3;font-size:.95rem;margin-bottom:.5rem}.contact-btn{width:100%;padding:.75rem;margin-top:1rem;background:linear-gradient(135deg,#2171c9,#4a90e2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.contact-btn:hover{transform:scale(1.02);box-shadow:0 8px 20px #87ceeb80}.contact-btn.unavailable{background:#ffffff1a;cursor:not-allowed;opacity:.6}.no-results{text-align:center;padding:2rem;color:#ffffffb3;font-size:1.1rem}@media(max-width:600px){.search-inputs{grid-template-columns:1fr;align-items:stretch}.search-btn{width:100%}.donors-grid{grid-template-columns:1fr}}.emergency-request{padding:120px 20px 40px;min-height:100vh;position:relative;z-index:10}.emergency-wrapper{max-width:700px;margin:0 auto}.emergency-card{padding:2.5rem;background:#ff6b3514;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,107,53,.4);border-radius:20px;box-shadow:0 20px 60px #ff6b3533;position:relative;animation:slideUp .8s ease}.emergency-header{text-align:center;margin-bottom:2rem;position:relative}.emergency-header h2{font-size:2.2rem;background:linear-gradient(135deg,#ff6b35,#f7931e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;animation:pulse 1s infinite}.emergency-header p{color:#fffc;font-size:1.1rem}.pulse-animation{position:absolute;top:-20px;right:-20px;width:40px;height:40px;background:radial-gradient(circle,rgba(255,107,53,.8),transparent);border-radius:50%;animation:pulse-ring 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes pulse-ring{0%{width:40px;height:40px;opacity:.8}to{width:100px;height:100px;opacity:0}}.emergency-form{display:flex;flex-direction:column;gap:1.5rem}.form-section{padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,107,53,.2);border-radius:12px}.form-section h3{font-size:1.2rem;color:#ffffffe6;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1 / -1}.form-group label{font-weight:600;color:#ffffffe6;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid rgba(255,107,53,.2);border-radius:8px;background:#0000004d;color:#fff;font-size:1rem;font-family:inherit;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;background:#ff6b351a;border-color:#ff6b3599;box-shadow:0 0 15px #ff6b354d}.form-group input::placeholder,.form-group textarea::placeholder{color:#c8c8c8}.submit-btn.emergency-btn{padding:1rem;background:linear-gradient(135deg,#a83d12,#8c4f07);color:#fff;border:none;border-radius:8px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease;margin-top:1rem;animation:pulse-btn 2s infinite}.submit-btn.emergency-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 10px 30px #ff6b3599}.submit-btn.emergency-btn:disabled{opacity:.6;cursor:not-allowed;animation:none}@keyframes pulse-btn{0%,to{box-shadow:0 0 15px #ff6b3580}50%{box-shadow:0 0 25px #ff6b35cc}}.message.emergency-message{padding:1rem;margin-top:1rem;border-radius:8px;background:#783219cc;border:1px solid rgba(255,107,53,.5);color:#ffdccc;text-align:center;font-weight:500;animation:slideDown .5s ease}@media(max-width:600px){.form-row{grid-template-columns:1fr}.emergency-card{padding:1.5rem}.emergency-header h2{font-size:1.8rem}.form-section{padding:1rem}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.donor-profile{padding:120px 20px 40px;min-height:100vh;position:relative;z-index:10}.donor-profile.loading{display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#ffffffb3}.profile-container{max-width:700px;margin:0 auto}.profile-header{text-align:center;padding:2rem;background:#28a74514;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(40,167,69,.3);border-radius:20px 20px 0 0;margin-bottom:.5rem;animation:slideUp .8s ease}.profile-avatar{margin-bottom:1.5rem}.blood-badge{display:inline-block;background:linear-gradient(135deg,#28a745,#20c997);padding:.75rem 1.5rem;border-radius:30px;font-size:1.5rem;font-weight:700;box-shadow:0 8px 20px #28a74566}.profile-title h2{font-size:2rem;color:#fff;margin-bottom:.5rem}.status{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.95rem}.status.available{background:#14501ecc;color:#b4ffb4;border:1px solid rgba(40,167,69,.5)}.status.unavailable{background:#640a1ecc;color:#ffd4dd;border:1px solid rgba(220,20,60,.5)}.profile-content{background:#28a74508;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(40,167,69,.3);border-radius:0 0 20px 20px;padding:2rem;display:flex;flex-direction:column;gap:2rem}.profile-card{padding:1.5rem;background:#ffffff05;border:1px solid rgba(40,167,69,.2);border-radius:12px}.profile-card h3{font-size:1.2rem;color:#ffffffe6;margin-bottom:1rem}.profile-info{display:flex;flex-direction:column;gap:1rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.info-row .label{color:#ffffffb3;font-weight:600}.info-row .value{color:#ffffffe6;font-weight:500}.edit-form{display:flex;flex-direction:column;gap:1rem}.edit-form input{padding:.75rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#0000004d;color:#fff;font-size:1rem;transition:all .3s ease}.edit-form input:focus{outline:none;background:#ffffff1a;border-color:#28a74599;box-shadow:0 0 15px #28a7454d}.donation-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.stat{padding:1rem;background:#28a7451a;border:1px solid rgba(40,167,69,.2);border-radius:8px;text-align:center}.stat-label{display:block;color:#ffffffb3;font-size:.85rem;margin-bottom:.5rem}.stat-value{display:block;color:#6fdc6f;font-weight:700;font-size:1.1rem}.profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}button[class*=btn-]{padding:.85rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;font-size:1rem}.btn-edit{background:linear-gradient(135deg,#1d7a33,#158765);color:#fff}.btn-edit:hover{transform:translateY(-2px);box-shadow:0 8px 20px #28a74580}.btn-availability{background:linear-gradient(135deg,#cc1f5a,#a40f2e);color:#fff}.btn-availability:hover{transform:translateY(-2px);box-shadow:0 8px 20px #dc143c80}.btn-save{background:linear-gradient(135deg,#1d7a33,#158765);color:#fff}.btn-save:hover{transform:translateY(-2px);box-shadow:0 8px 20px #28a74580}.btn-cancel{background:#0006;color:#fff;border:1px solid rgba(255,255,255,.3)}.btn-cancel:hover{background:#ffffff26}@media(max-width:600px){.donation-stats,.profile-actions{grid-template-columns:1fr}.info-row{flex-direction:column;align-items:flex-start}.profile-title h2{font-size:1.5rem}}.admin-dashboard{padding:120px 20px 40px;min-height:100vh;position:relative;z-index:10}.admin-header{text-align:center;margin-bottom:2rem;padding:2rem;background:#66339914;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(102,51,153,.3);border-radius:20px;animation:slideUp .8s ease}.admin-header h1{font-size:2.5rem;background:linear-gradient(135deg,#639,#9370db);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.admin-header p{color:#ffffffb3;font-size:1.1rem}.admin-nav{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.nav-btn{padding:.75rem 1.5rem;background:#6633991a;border:2px solid rgba(102,51,153,.3);color:#ffffffb3;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.nav-btn:hover{background:#6393;transform:translateY(-2px)}.nav-btn.active{background:linear-gradient(135deg,#639,#9370db);color:#fff;border-color:#9370db80;box-shadow:0 8px 20px #6396}.loading{text-align:center;padding:2rem;color:#ffffffb3;font-size:1.2rem}.dashboard-content{max-width:1200px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.stat-card{padding:2rem;background:#66339914;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(102,51,153,.3);border-radius:16px;display:flex;gap:1.5rem;align-items:center;transition:all .3s ease;animation:slideUp .8s ease}.stat-card:hover{transform:translateY(-8px);background:#66339926;box-shadow:0 15px 40px #6393}.stat-card.active{border-color:#28a7454d;background:#28a74514}.stat-card.active:hover{background:#28a74526;box-shadow:0 15px 40px #28a74533}.stat-card.emergency{border-color:#ff6b354d;background:#ff6b3514}.stat-card.emergency:hover{background:#ff6b3526;box-shadow:0 15px 40px #ff6b3533}.stat-card.total{border-color:#87ceeb4d;background:#87ceeb14}.stat-card.total:hover{background:#87ceeb26;box-shadow:0 15px 40px #87ceeb33}.stat-icon{font-size:3rem}.stat-details h3{color:#ffffffb3;font-size:.95rem;margin-bottom:.5rem}.stat-number{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#639,#9370db);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.stat-card.active .stat-number{background:linear-gradient(135deg,#28a745,#20c997);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card.emergency .stat-number{background:linear-gradient(135deg,#ff6b35,#f7931e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.donors-content,.requests-content{background:#6633990d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(102,51,153,.2);border-radius:16px;padding:2rem}.donors-content h2,.requests-content h2{color:#ffffffe6;margin-bottom:1.5rem;font-size:1.8rem}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse}thead tr{border-bottom:2px solid rgba(102,51,153,.3);background:#6633991a}th{padding:1rem;text-align:left;color:#ffffffe6;font-weight:600;font-size:.95rem}tbody tr{border-bottom:1px solid rgba(102,51,153,.1);transition:all .3s ease}tbody tr:hover{background:#6633991a}td{padding:1rem;color:#fffc;font-size:.95rem}.blood-badge{display:inline-block;background:linear-gradient(135deg,#ff6b9d,#ff9f5a);padding:.25rem .75rem;border-radius:20px;font-weight:700;font-size:.85rem}.badge{display:inline-block;padding:.4rem .8rem;border-radius:6px;font-size:.85rem;font-weight:600}.badge.available{background:#14501ecc;color:#b4ffb4;border:1px solid rgba(40,167,69,.5)}.badge.unavailable{background:#640a1ecc;color:#ffd4dd;border:1px solid rgba(220,20,60,.5)}.urgency{display:inline-block;padding:.4rem .8rem;border-radius:6px;font-weight:600;font-size:.85rem}.urgency.low{background:#14501ecc;color:#b4ffb4}.urgency.medium{background:#785a00cc;color:#fff4c4}.urgency.high,.urgency.critical{background:#783219cc;color:#ffdccc;animation:pulse 2s infinite}.status{display:inline-block;padding:.4rem .8rem;border-radius:6px;font-weight:600;font-size:.85rem}.status.open{background:#32646ecc;color:#daf3ff}.status.closed{background:#14501ecc;color:#b4ffb4}.action-btn{padding:.5rem 1rem;margin-right:.5rem;background:#6393;color:#fffc;border:1px solid rgba(102,51,153,.4);border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .3s ease}.action-btn:hover{background:#6396;transform:translateY(-2px)}.action-btn.delete:hover{background:#640a1ecc;border-color:#dc143c99;color:#ffd4dd}@media(max-width:768px){.stats-grid{grid-template-columns:1fr}.table-container{font-size:.85rem}th,td{padding:.75rem .5rem}.action-btn{padding:.4rem .75rem;margin-right:.25rem;font-size:.75rem}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}