.emplmasy-frontend-wrapper{background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.08);margin:12px auto;max-width:600px;padding:12px}.emplmasy-frontend-wrapper .welcome-section{background:linear-gradient(135deg,#2271b1,#135e96);border-radius:10px;color:#fff;margin-bottom:12px;padding:12px;text-align:center}.emplmasy-frontend-wrapper .welcome-section h1{font-size:20px;font-weight:600;margin:0}.emplmasy-frontend-wrapper .current-date{color:hsla(0,0%,100%,.9);font-size:13px;margin-top:4px}.emplmasy-frontend-wrapper .dashboard-stats-wrapper{margin-bottom:12px}.emplmasy-frontend-wrapper .dashboard-stats{display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.emplmasy-frontend-wrapper .stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:transform .2s ease}.emplmasy-frontend-wrapper .stat-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.05);transform:translateY(-2px)}.emplmasy-frontend-wrapper .stat-content{padding:10px}.emplmasy-frontend-wrapper .stat-header{display:flex;align-itemplmasy:center;margin-bottom:12px}.emplmasy-frontend-wrapper .stat-icon{background:#f0f5fa;display:flex;font-size:18px;height:32px;margin-right:8px;width:32px;align-itemplmasy:center;border-radius:8px;justify-content:center}.emplmasy-frontend-wrapper .stat-label{color:#6b7280;font-size:13px;font-weight:500}.emplmasy-frontend-wrapper .stat-value{color:#1e1e1e;font-size:18px;font-weight:600;margin:4px 0}.emplmasy-frontend-wrapper .stat-trend{border-radius:12px;display:inline-flex;font-size:12px;padding:4px 8px;align-itemplmasy:center;gap:4px}.emplmasy-frontend-wrapper .stat-trend.positive{background:#ecfdf5;color:#059669}.emplmasy-frontend-wrapper .stat-trend.negative{background:#fef2f2;color:#dc2626}.emplmasy-frontend-wrapper .sales-form{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;width:100%}.emplmasy-frontend-wrapper .sales-form .components-card-header{border-bottom:1px solid #e5e7eb;padding:10px 14px}.emplmasy-frontend-wrapper .sales-form .components-card-header h2{color:#1e1e1e;font-size:16px;font-weight:600;margin:0}.emplmasy-frontend-wrapper .sales-form .components-card-body{padding:16px}.emplmasy-frontend-wrapper .sales-report-form{display:grid;gap:16px;width:100%}.emplmasy-frontend-wrapper .form-row{display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px;width:100%}.emplmasy-frontend-wrapper .form-group{width:100%}.emplmasy-frontend-wrapper .form-group label{color:#4b5563;display:block;font-size:13px;font-weight:500;margin-bottom:8px}.emplmasy-frontend-wrapper .form-group input,.emplmasy-frontend-wrapper .form-group textarea{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:14px;padding:8px 12px;transition:all .2s ease;width:100%}.emplmasy-frontend-wrapper .form-group input:focus,.emplmasy-frontend-wrapper .form-group textarea:focus{border-color:#2271b1;box-shadow:0 0 0 2px rgba(34,113,177,.1);outline:none}.emplmasy-frontend-wrapper .form-group textarea{min-height:70px;resize:vertical}.emplmasy-frontend-wrapper .button.button-primary{background:#2271b1;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;height:auto;padding:8px 16px;transition:all .2s ease;align-itemplmasy:center;gap:8px;justify-content:center}.emplmasy-frontend-wrapper .button.button-primary:hover{background:#135e96;transform:translateY(-1px)}.emplmasy-frontend-wrapper .button.button-primary:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.emplmasy-frontend-wrapper .notice{border-radius:6px;font-size:14px;margin-bottom:20px;padding:12px 16px}.emplmasy-frontend-wrapper .notice-success{background:#ecfdf5;border:1px solid #059669;color:#059669}.emplmasy-frontend-wrapper .notice-error{background:#fef2f2;border:1px solid #dc2626;color:#dc2626}.emplmasy-frontend-wrapper .emplmasy-loading{color:#6b7280;font-size:14px;padding:40px;text-align:center}@media screen and (max-width:782px){.emplmasy-frontend-wrapper{margin:10px;max-width:calc(100% - 24px);padding:10px}.emplmasy-frontend-wrapper .dashboard-stats{grid-template-columns:1fr}.emplmasy-frontend-wrapper .form-row{gap:12px;grid-template-columns:1fr;margin-bottom:12px}.emplmasy-frontend-wrapper .welcome-section{padding:10px}.emplmasy-frontend-wrapper .welcome-section h1{font-size:17px}.emplmasy-frontend-wrapper .stat-value{font-size:16px}.emplmasy-frontend-wrapper .sales-form .components-card-body{padding:12px}.emplmasy-frontend-wrapper .form-group textarea{min-height:50px}}@media screen and (max-width:480px){.emplmasy-frontend-wrapper{margin:6px;padding:6px}.emplmasy-frontend-wrapper .stat-content{padding:6px}.emplmasy-frontend-wrapper .sales-form .components-card-body{padding:10px}.emplmasy-frontend-wrapper .form-group input,.emplmasy-frontend-wrapper .form-group textarea{padding:6px 10px}}.emplmasy-frontend-wrapper .access-denied{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05);padding:32px 20px;text-align:center}.emplmasy-frontend-wrapper .access-denied .notice{display:inline-flex;margin:0 auto 16px;padding:10px 20px}.emplmasy-frontend-wrapper .access-denied-help{color:#6b7280;font-size:14px;margin:0}.emplmasy-frontend-wrapper .amount-input-wrapper{display:flex;position:relative;align-itemplmasy:center}.emplmasy-frontend-wrapper .currency-symbol{color:#555;font-size:20px;line-height:40px;padding:0 8px}