.eod-container{min-height:100vh;background-color:#f0f2f5;display:flex;justify-content:center;align-items:center;padding:20px;font-family:Inter,-apple-system,sans-serif}.eod-card{width:100%;max-width:650px;background-color:#fff;padding:40px;border-radius:20px;box-shadow:0 10px 30px #00000014;box-sizing:border-box}.eod-header{text-align:center;margin-bottom:30px}.eod-title{margin:0;color:#111;fontsize:26px;font-weight:700}.eod-subtitle{margin:5px 0;color:#666;font-size:14px}.form-grid{display:flex;flex-wrap:wrap;gap:15px}.field-full{width:100%}.field-half{width:calc(50% - 8px)}label{display:block;margin-bottom:6px;font-weight:600;font-size:13px;color:#444}input,textarea{width:100%;padding:12px;margin-bottom:5px;border-radius:10px;border:1px solid #ddd;font-size:14px;box-sizing:border-box;outline:none;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.hint{font-size:11px;color:#94a3b8;margin-bottom:15px;display:block}.file-box{padding:15px;border:2px dashed #cbd5e1;border-radius:12px;background-color:#f8fafc;margin-bottom:20px;text-align:center}.file-name{color:#2563eb;margin-top:10px;font-size:14px;font-weight:500}.submit-btn{width:100%;padding:16px;background-color:#2563eb;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:background .2s,transform .1s}.submit-btn:hover{background-color:#1d4ed8}.submit-btn:active{transform:scale(.98)}.submit-btn:disabled{background-color:#94a3b8;cursor:not-allowed}.popup{position:fixed;top:20px;right:20px;padding:15px 25px;color:#fff;border-radius:10px;box-shadow:0 10px 15px -3px #0000001a;z-index:1000;font-weight:600;animation:slideIn .4s cubic-bezier(.175,.885,.32,1.275)}.success{background-color:#10b981}.error{background-color:#ef4444}footer{margin-top:30px;text-align:center;font-size:12px;color:#999;border-top:1px solid #f0f0f0;padding-top:20px}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 600px){.field-half{width:100%}.eod-card{padding:25px 15px;border-radius:0}.eod-container{padding:0;align-items:flex-start}}