@import "https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600;700;800;900&family=Sarabun:wght@300;400;500;600;700&display=swap";:root{--blue:#1d4ed8;--blue-mid:#2563eb;--blue-lt:#3b82f6;--cyan:#06b6d4;--green:#10b981;--amber:#f59e0b;--bg:#f3f4f6;--dark:#1e293b;--sidebar-w:260px}body{background-color:var(--bg);font-family:Sarabun,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Prompt,sans-serif}.admin-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--dark);color:#94a3b8;z-index:1000;flex-direction:column;height:100vh;transition:all .3s;display:flex;position:fixed}.sidebar-brand{color:#fff;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:25px;font-size:1.2rem;font-weight:700;display:flex}.nav-link-custom{color:#94a3b8;cursor:pointer;border-left:4px solid #0000;align-items:center;padding:14px 25px;text-decoration:none;transition:all .2s;display:flex}.nav-link-custom:hover,.nav-link-custom.active{color:#fff;border-left-color:var(--blue-mid);background:#ffffff0d}.nav-link-custom i{width:30px;font-size:1.1rem}.main-content{margin-left:var(--sidebar-w);min-height:100vh;width:calc(100% - var(--sidebar-w));flex-direction:column;flex:1;padding:30px;transition:all .3s;display:flex}.stat-card{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:25px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 10px #00000008}.stat-card h3{margin:0;font-size:2rem;font-weight:700}.stat-card p{color:#64748b;text-transform:uppercase;margin:0;font-size:.9rem;font-weight:600}.stat-icon{opacity:.1;font-size:4rem;position:absolute;bottom:-10px;right:-10px;transform:rotate(-15deg)}.card-table{background:#fff;border:none;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.table thead th{color:#475569;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-bottom:2px solid #e2e8f0;font-size:.8rem;font-weight:600}.profile-img-circle{object-fit:cover;border:2px solid #fff;border-radius:50%;width:40px;height:40px}.profile-img-table{object-fit:cover;border:1px solid #dee2e6;border-radius:50%;width:35px;height:35px}.card-form{border:none;border-radius:16px;max-width:650px;margin:0 auto;overflow:hidden;box-shadow:0 10px 30px #00000014}.header-bg{color:#fff;text-align:center;background:linear-gradient(135deg,#0f172a 0%,#334155 100%);padding:30px 20px}.header-bg-claim{color:#fff;text-align:center;background:linear-gradient(135deg,#78350f 0%,#b45309 100%);padding:40px 20px}@media (width<=992px){.sidebar{transform:translate(-100%)}.sidebar.active{transform:translate(0)}.main-content{width:100%;margin-left:0}}.memorial-container{-webkit-backdrop-filter:blur(8px);z-index:9999;box-sizing:border-box;background-color:#0a0a0ad9;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;font-family:Sarabun,Prompt,sans-serif;display:flex;position:fixed;top:0;left:0}.memorial-glow{filter:blur(60px);pointer-events:none;background-color:#ffffff05;border-radius:50%;width:500px;height:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.memorial-content{z-index:10;text-align:center;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;max-width:800px;padding:50px;transition:background-color .4s;display:flex;box-shadow:0 25px 50px -12px #000c}.memorial-content:hover{background-color:#ffffff14}.memorial-icon-wrapper{margin-bottom:25px}.memorial-ribbon{color:#d1d5db;filter:drop-shadow(0 4px 6px #00000080);width:50px;height:50px}.memorial-text{color:#e5e7eb;letter-spacing:.5px;margin-bottom:20px;font-size:1.3rem;font-weight:300;line-height:1.8}.memorial-name{color:#fff;margin-top:15px;font-weight:500;display:block}.memorial-footer-text{color:#9ca3af;letter-spacing:.5px;margin-top:20px;margin-bottom:40px;font-size:.95rem}.memorial-btn{color:#d1d5db;cursor:pointer;letter-spacing:1px;background-color:#0000;border:1px solid #6b7280;border-radius:50px;outline:none;padding:10px 30px;font-size:.9rem;transition:all .3s}.memorial-btn:hover{color:#000;background-color:#fff}@media (width<=768px){.memorial-content{width:90%;padding:30px 20px}.memorial-text{font-size:1rem;line-height:1.6}.memorial-name{font-size:1.1rem}}
