@font-face{font-family:"Kanit";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/kanit-v17-latin_thai-regular.woff2)format("woff2")}@font-face{font-family:"Kanit";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/kanit-v17-latin_thai-700.woff2)format("woff2")}:root{--bg-dark:#0f172a;--bg-card:#1e293b;--text-main:#f8fafc;--text-muted:#cbd5e1;--primary:#f0abfc;--primary-hover:#c026d3;--success:#10b981;--success-hover:#059669;--border:#334155;--error:#ef4444}*{box-sizing:border-box;margin:0;padding:0;font-family:"Kanit","Segoe UI",Tahoma,sans-serif}body{background-color:var(--bg-dark);color:var(--text-main);display:flex;flex-direction:column;min-height:100vh}main{flex:1;padding:1.5rem;max-width:900px;margin:0 auto;width:100%}header{text-align:center;padding:80px 20px 30px}header h1{font-size:2.2rem;margin-bottom:10px;color:#fff;font-weight:700;line-height:1.2;text-shadow:0 2px 10px rgba(0,0,0,.3)}header p{color:rgba(255,255,255,.85);font-size:1.1rem;max-width:600px;margin:0 auto;line-height:1.5}.overlap-card{margin-top:-60px;position:relative;z-index:10}.input-group label{display:block;margin-bottom:10px;font-size:.95rem;color:#e2e8f0;font-weight:500;letter-spacing:.025em}.input-group{text-align:left;margin-bottom:15px}.input-wrapper{display:flex;align-items:center;background:rgba(30,41,59,.7);border-radius:12px;border:2px solid #334155;transition:all .3s ease;position:relative;padding:0 15px}.input-wrapper:focus-within,.input-wrapper:hover{border-color:var(--primary);background:#1e293b;box-shadow:0 0 0 4px rgba(240,171,252,.15)}.input-wrapper input[type=date]{flex:1;padding:14px 0;border:0;background:0 0;color:#fff;font-size:1rem;font-family:"Kanit",sans-serif;outline:0;cursor:pointer;min-height:1.5em}input[type=date]::-webkit-datetime-edit-day-field,input[type=date]::-webkit-datetime-edit-month-field,input[type=date]::-webkit-datetime-edit-text,input[type=date]::-webkit-datetime-edit-year-field{color:#94a3b8}input[type=date]:valid::-webkit-datetime-edit-day-field,input[type=date]:valid::-webkit-datetime-edit-month-field,input[type=date]:valid::-webkit-datetime-edit-text,input[type=date]:valid::-webkit-datetime-edit-year-field{color:#fff}input::-webkit-calendar-picker-indicator{filter:invert(.8) sepia(100%) saturate(500%) hue-rotate(240deg);cursor:pointer;opacity:.8;transition:.2s}input::-webkit-calendar-picker-indicator:hover{opacity:1;transform:scale(1.1)}.result-box{background:linear-gradient(135deg,var(--primary) 0%,#3b82f6 100%);padding:25px;border-radius:20px;margin-top:20px;color:#fff;text-align:center;box-shadow:0 10px 20px rgba(37,99,235,.2)}.res-main{font-size:1.5rem;font-weight:700}.res-sub{font-size:1rem;opacity:.9;margin-top:5px}#drop-zone,.btn-main{cursor:pointer;transition:.3s}#drop-zone{border:2px dashed #107c41;border-radius:20px;padding:30px;background-color:var(--white);text-align:center;margin-top:25px}#drop-zone:hover{background-color:rgba(16,124,65,.05)}#drop-zone i{color:#107c41;font-size:2.5rem;margin-bottom:10px}.btn-main{width:100%;padding:14px;border-radius:12px;font-weight:600;border:0}.btn-calc{background-color:#e879f9;color:#000}.btn-excel,.success-box{display:flex;align-items:center}.btn-excel{background:#107c41;color:#fff;justify-content:center;gap:10px;margin-top:15px}.success-box{background:rgba(34,197,94,.1);border:1px solid #16a34a;padding:15px;border-radius:15px;color:#16a34a;margin-top:20px;flex-direction:column;gap:8px}.hidden{display:none!important}