body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{background-color:#f1f8e9;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}@media (max-width:768px){.page-container{margin-left:0!important;padding:15px}}.card{background:#fff;border-radius:15px;box-shadow:0 4px 12px #0003;box-sizing:border-box;margin-bottom:20px;max-width:100%;padding:30px;width:100%}@media (max-width:768px){.card{padding:20px}}.date-input,.file-input,.input-field,.message-box,.time-input{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:16px;margin-bottom:15px;padding:12px 15px;width:100%}.flex-row .input-field{flex:1 1;width:auto}@media (max-width:768px){.input-field,.message-box{font-size:14px}}.button{background:#2e7d32;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:all .3s ease;width:100%}.button:hover{background:#1b5e20}@media (max-width:768px){.button{font-size:14px}}.navbar{align-items:center;background:linear-gradient(135deg,#1a237e,#283593 50%,#3949ab);box-shadow:0 8px 32px #1a237e4d;color:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;padding:10px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1001}.navbar-left{gap:10px}.navbar-logo-img{height:40px;object-fit:contain;width:40px}.navbar-title{color:#fff;font-size:24px;font-weight:700}.navbar-menu{display:flex;gap:20px;list-style:none;margin:0;padding:0}.navbar-menu li{position:relative}.navbar-menu li a,.navbar-menu li span{color:#fff;cursor:pointer;font-size:16px;text-decoration:none}.dropdown-menu{background:linear-gradient(135deg,#3f51b5,#5c6bc0);border-radius:8px;box-shadow:0 4px 20px #1a237e33;display:none;left:0;list-style:none;min-width:160px;padding:10px;position:absolute;top:30px;z-index:100}.dropdown-menu li{margin:5px 0}.dropdown:hover .dropdown-menu{display:block}table{border-collapse:collapse;margin-bottom:20px;width:100%}table td,table th{border:1px solid #ccc;padding:10px;text-align:center}table th{background:#e8f5e9;font-weight:700}.section-title{color:#2e7d32;margin-bottom:10px;margin-top:20px}.flex-row{gap:10px}.flex-row,.radio-group{display:flex;flex-wrap:wrap}.radio-group{gap:20px}.file-upload-section{margin-bottom:15px}.sidebar{background:linear-gradient(180deg,#1a237e,#283593 25%,#3f51b5);box-shadow:8px 0 32px #1a237e40;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;padding:20px 10px;position:fixed;top:0;transition:width .3s,background .3s ease;width:240px;z-index:1000}.sidebar.collapsed{width:60px}.sidebar-header{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#82b1ff,#b3e5fc);-webkit-background-clip:text;background-clip:text;display:flex;font-size:24px;font-weight:700;gap:10px;justify-content:center;letter-spacing:.5px;margin-bottom:30px}.sidebar-header img{filter:drop-shadow(0 2px 4px rgba(255,255,255,.3));height:40px;object-fit:contain;width:40px}.sidebar-menu{flex:1 1;list-style:none;margin:0;padding:0}.sidebar-menu li{margin:10px 0}.sidebar-menu li a,.sidebar-menu li span{border-radius:8px;color:#fff;display:block;overflow:hidden;padding:10px 12px;position:relative;text-decoration:none;transition:all .3s ease}.sidebar-menu li a:before,.sidebar-menu li span:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%;z-index:0}.sidebar-menu li a:hover:before,.sidebar-menu li span:hover:before{left:100%}.sidebar-menu li a:hover,.sidebar-menu li span:hover{background:#ffffff26;box-shadow:0 4px 12px #0003;transform:translateX(4px)}.sidebar-dropdown>span{cursor:pointer}.sidebar-submenu{list-style:none;margin-top:5px;padding-left:15px}.sidebar-submenu li a{font-size:14px}.dashboard-cards{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.analytics-card{flex:1 1 200px;min-width:180px;padding:15px;text-align:center}.analytics-card h3{color:#2e7d32;margin-bottom:10px}.card-count{color:#1b5e20;font-size:28px;font-weight:700;margin-bottom:10px}.chart-container{height:200px}.dashboard-table{border-collapse:collapse;width:100%}.dashboard-table td,.dashboard-table th{border:1px solid #ddd;padding:8px}.dashboard-table th{background-color:#2e7d32;color:#fff;text-align:left}.dashboard-table tr:nth-child(2n){background-color:#f2f2f2}.dashboard-table tr:hover{background-color:#ddd}.table-card{margin-bottom:20px;padding:15px}.send-card{margin-bottom:5px}.send-card h3{color:#2e7d32;margin-bottom:10px}.breadcrumb-wrapper{background:linear-gradient(90deg,#1a237e33,#3f51b533);margin:0;padding:0;width:100%}.breadcrumb,.breadcrumb-wrapper{display:flex;opacity:1;visibility:visible}.breadcrumb{align-items:center;background:#0000;color:#fff;flex-wrap:wrap;font-size:14px;gap:0;margin-left:240px;padding:14px 20px;width:calc(100% - 240px)}.breadcrumb-item{align-items:center;display:inline-flex}.breadcrumb-item a{color:#e3f2fd;font-weight:500;padding:0 5px;text-decoration:none;transition:color .3s ease}.breadcrumb-item a:hover{color:#fff;text-decoration:underline}.breadcrumb-separator{color:#fff9;margin:0 5px}.message-preview-card{flex-shrink:0;width:320px}.message-preview{background:#e5ddd5;border-radius:20px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;height:600px;padding:15px;width:100%}.message-bubble{word-wrap:break-word;background-color:#dcf8c6;border-radius:20px;max-height:400px;max-width:80%;overflow-y:auto;padding:10px 15px}.message-preview img,.message-preview video{border-radius:15px;max-height:220px;max-width:80%;object-fit:contain}.file-name{word-wrap:break-word;background-color:#fff;border-radius:10px;max-width:80%;padding:8px 12px}.message-preview-column{display:flex}.message-preview-card{display:flex;flex-direction:column;height:600px;overflow:hidden}.message-preview{flex:1 1;overflow:hidden}.page-container.send-layout{align-items:flex-start;display:flex}.message-preview-column{align-self:flex-start;height:600px;overflow:hidden;position:-webkit-sticky;position:sticky;top:80px;top:calc(var(--navbar-height) + 20px)}.page-header-bar{align-items:center;background:#fff;border-radius:8px;box-shadow:0 3px 8px #00000026;display:flex;margin-bottom:0;margin-top:0;padding:5px;width:100%}.page-header-bar h2{color:#2e7d32;font-size:18px;font-weight:900;margin:0}@media (max-width:1200px){.flex-row,.navbar-menu{flex-direction:column}.navbar-menu{gap:10px}}@media (max-width:768px){.navbar-menu,.sidebar{display:none}.breadcrumb-wrapper{margin-left:0;width:100%}.page-container{margin-left:0!important;padding:15px}.dashboard-cards{flex-direction:column}.analytics-card{width:100%}.dashboard-table td,.dashboard-table th{font-size:14px}.message-preview-card{width:100%}}@media (max-width:480px){.navbar-menu li ul{position:static}.navbar-menu li:hover ul{display:none}}:root{--navbar-height:60px}.horizontal-navbar{background:linear-gradient(135deg,#1a237e,#283593 50%,#3949ab);box-shadow:0 12px 40px #1a237e59;box-sizing:border-box;height:60px;height:var(--navbar-height);padding:0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:2000}.horizontal-navbar,.navbar-content{align-items:center;display:flex;justify-content:space-between;width:100%}.navbar-content{gap:30px}.navbar-left{align-items:center;display:flex;flex:0 0 auto;gap:15px}.navbar-left .navbar-logo-img{filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));height:50px;object-fit:contain;transition:all .3s ease;width:50px}.navbar-left .navbar-logo-img:hover{filter:drop-shadow(0 6px 16px rgba(255,255,255,.3));transform:scale(1.1) rotate(5deg)}.navbar-left .navbar-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#82b1ff,#b3e5fc);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800;letter-spacing:1.5px;margin:0;transition:text-shadow .3s ease}.navbar-center{align-items:center;display:flex;flex:1 1;justify-content:center}.navbar-tagline{color:#b3e5fc;font-size:14px;font-weight:500;letter-spacing:.5px;opacity:.9}.navbar-right{flex:0 0 auto;gap:15px}.message-balance,.navbar-right{align-items:center;display:flex}.message-balance{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;gap:8px;padding:8px 16px}.balance-label{color:#fffc;font-size:13px;font-weight:500}.balance-value{color:#fff;font-size:14px;font-weight:700}.navbar-user-menu{align-items:center;display:flex;gap:10px}.user-badge{background:linear-gradient(135deg,#82b1ff,#5c9cff);border-radius:20px;box-shadow:0 4px 12px #82b1ff4d;color:#1a237e;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s ease}.user-badge:hover{box-shadow:0 6px 16px #82b1ff80;transform:translateY(-2px)}.centered-logo{display:none}.sidebar{top:60px;top:var(--navbar-height)}.page-container{margin-left:240px;padding:20px;transition:margin-left .3s}@media (max-width:768px){.page-container{margin-left:0!important;padding:15px}.horizontal-navbar{height:50px}.centered-logo .navbar-title{font-size:20px}.sidebar{top:60px;top:var(--navbar-height)}.message-balance{display:none}}.page-container.login-page{align-items:center;display:flex;justify-content:center;margin-left:0!important;margin-top:0!important;min-height:100vh;padding:0!important}.login-card{box-sizing:border-box;max-width:420px;padding:32px;text-align:center;width:100%}@media (max-width:480px){.page-container.login-page{padding:20px!important}.login-card{border-radius:12px;padding:20px}}.menu-item-inline{align-items:center;display:flex!important;gap:10px;position:relative;width:100%;z-index:1}.sidebar .menu-icon svg{display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));flex-shrink:0;height:18px;transition:transform .3s ease;width:18px}.sidebar-menu li a:hover .menu-icon svg,.sidebar-menu li span:hover .menu-icon svg{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transform:scale(1.1) rotate(5deg)}.dashboard-header{align-items:center;background:linear-gradient(135deg,#1a237e,#283593);border-radius:15px;box-shadow:0 4px 12px #1a237e33;color:#fff;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:25px;padding:20px}.header-content h1{color:#fff;font-size:32px;font-weight:700;margin:0 0 5px}.header-content p{color:#fffc;font-size:16px;margin:0}.header-actions{display:flex;flex-wrap:wrap;gap:10px}.primary-btn,.secondary-btn{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:5px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.primary-btn{background:#4caf50;color:#fff}.primary-btn:hover{background:#388e3c;box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.secondary-btn{background:#2196f3;color:#fff}.secondary-btn:hover{background:#1976d2;box-shadow:0 4px 12px #2196f34d;transform:translateY(-2px)}@media (max-width:768px){.dashboard-header{flex-direction:column;padding:15px}.header-content h1{font-size:24px}.header-actions{width:100%}.primary-btn,.secondary-btn{flex:1 1;justify-content:center}}.stats-section{margin-bottom:35px;margin-top:15px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.stat-card{align-items:flex-start;background:#fff;border-left:4px solid;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:15px;padding:20px;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-4px)}.stat-icon{align-items:center;border-radius:10px;display:flex;font-size:32px;height:60px;justify-content:center;width:60px}.stat-content{flex:1 1}.stat-title{color:#666;font-size:14px;font-weight:600;margin:0 0 8px;text-transform:uppercase}.stat-value{color:#333;font-size:28px;font-weight:700;margin:0 0 5px}.stat-subtitle{color:#999;font-size:12px;margin:0}@media (max-width:768px){.stats-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{padding:15px}.stat-value{font-size:22px}}.charts-section{margin-bottom:35px;margin-top:20px}.chart-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:20px}.chart-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:25px;transition:all .3s ease}.chart-card:hover{box-shadow:0 8px 16px #00000026}.chart-card.full-width{grid-column:1/-1}.chart-title{border-bottom:2px solid #f0f0f0;color:#333;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:10px}.chart-container-centered{align-items:center;display:flex;height:300px;justify-content:center}@media (max-width:768px){.chart-grid{grid-template-columns:1fr}.chart-card{padding:15px}.chart-card.full-width{grid-column:auto}}.quick-actions-section{margin-bottom:35px;margin-top:20px}.actions-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.action-card{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e8eef5);border:2px solid #0000;border-radius:12px;color:#333;cursor:pointer;display:flex;gap:15px;padding:20px;text-decoration:none;transition:all .3s ease}.action-card:hover{background:linear-gradient(135deg,#fff,#f0f8ff);border-color:#2196f3;box-shadow:0 4px 12px #2196f333;transform:translateX(4px)}.action-card[style*=opacity]{cursor:not-allowed}.action-icon{font-size:28px}.action-text{flex:1 1;font-size:14px;font-weight:500}.action-arrow{color:#2196f3;font-size:18px;transition:transform .3s ease}.action-card:hover .action-arrow{transform:translateX(4px)}@media (max-width:768px){.actions-grid{grid-template-columns:repeat(2,1fr)}.action-text{font-size:12px}}.section-title{border-bottom:2px solid #e0e0e0;color:#1a237e;font-size:22px;font-weight:700;margin:30px 0 20px;padding-bottom:10px}@media (max-width:1024px){.chart-grid{grid-template-columns:1fr}}@media (max-width:480px){.actions-grid,.stats-grid{grid-template-columns:1fr}.dashboard-header{padding:15px}.header-content h1{font-size:20px}.header-content p{font-size:14px}}.submission-report-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-left:240px;min-height:calc(100vh - 200px);padding:5px;transition:margin-left .3s}.report-header{animation:slideDown .6s ease-out;margin-left:15px;text-align:left}.report-header h1{color:#2c3e50;font-size:1.5rem;font-weight:700;margin:0 0 4px}.report-subtitle{color:#7f8c8d;font-size:1.1rem;font-weight:300;margin:0}.report-content{margin:0 auto;max-width:1200px}.filter-section{animation:slideUp .6s ease-out;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin-bottom:10px;padding:10px}.filter-form{display:flex;flex-direction:column}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:4px}.form-group label{color:#2c3e50;font-size:1rem;font-weight:600}.date-input{border:2px solid #e1e8ed;border-radius:8px;font-family:inherit;font-size:1rem;padding:12px 16px;transition:all .3s ease}.date-input:focus{box-shadow:0 0 0 3px #3498db1a;outline:none}.date-input:focus,.date-input:hover{border-color:#3498db}.button-group{display:flex;gap:12px;margin-top:1px}@media (max-width:768px){.button-group{flex-direction:column}}.btn{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;min-width:140px;padding:12px 28px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 4px 15px #3498db4d;color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #3498db66;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff}.btn-secondary:hover{box-shadow:0 6px 20px #95a5a666;transform:translateY(-2px)}.btn-download{background:linear-gradient(135deg,#27ae60,#229954);box-shadow:0 4px 15px #27ae604d;color:#fff;min-width:auto;padding:12px 24px}.btn-download:hover{box-shadow:0 6px 20px #27ae6066;transform:translateY(-2px)}.error-message{animation:shake .5s ease-in-out;background:#fee;border-left:4px solid #e74c3c;border-radius:8px;color:#c0392b;font-weight:500;margin-bottom:20px;padding:16px 20px}.results-section{animation:slideUp .6s ease-out;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:30px}.results-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px}.results-section h2{border-bottom:3px solid #3498db;color:#2c3e50;font-size:1.8rem;margin-bottom:0;margin-top:0;padding-bottom:12px}.table-wrapper{border-radius:8px;box-shadow:0 2px 8px #0000000d;overflow-x:auto}.report-table{border-collapse:collapse;font-size:.95rem;width:100%}.report-table thead{background:linear-gradient(135deg,#34495e,#2c3e50);color:#000;position:-webkit-sticky;position:sticky;top:0;z-index:10}.report-table th{font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase;white-space:nowrap}.report-table tbody tr{border-bottom:1px solid #e1e8ed;transition:background-color .2s ease}.report-table tbody tr:hover{background-color:#f8f9fa}.report-table td{color:#2c3e50;cursor:help;padding:14px 16px;position:relative;word-break:break-word}.report-table tbody td{font-size:.82rem}.report-table tbody td:first-child{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-table td[title]{border-bottom:1px dotted #3498db}.report-table td[title]:hover:after{background:#2c3e50;border-radius:6px;bottom:100%;box-shadow:0 4px 12px #00000026;color:#fff;content:attr(title);font-size:.85rem;left:0;margin-bottom:5px;max-width:300px;padding:8px 12px;position:absolute;white-space:normal;z-index:1000}.status-badge{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-badge.status-success{background-color:#d4edda;color:#155724}.status-badge.status-pending{background-color:#fff3cd;color:#856404}.status-badge.status-failed{background-color:#f8d7da;color:#721c24}.status-badge.status-delivered{background-color:#d1ecf1;color:#0c5460}.report-table tbody tr.status-success{background-color:#f0f8f5}.report-table tbody tr.status-failed{background-color:#fdf4f4}.pagination{align-items:center;border-top:2px solid #e1e8ed;display:flex;gap:20px;justify-content:center;margin-top:30px;padding-top:20px}.pagination-btn{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){box-shadow:0 6px 20px #3498db66;transform:translateY(-2px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.pagination-info{color:#2c3e50;font-size:.95rem;font-weight:600;white-space:nowrap}.no-data-message{color:#7f8c8d;padding:60px 20px;text-align:center}.no-data-message p{font-size:1.1rem;margin:0}.loading-message{color:#7f8c8d;padding:60px 20px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #e1e8ed;border-radius:50%;border-top-color:#3498db;height:40px;margin:0 auto 16px;width:40px}.loading-message p{font-size:1.1rem;margin:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}@media (max-width:1024px){.submission-report-container{margin-left:240px}.report-header h1{font-size:2rem}.filter-section,.results-section{padding:20px}.results-header{align-items:flex-start;flex-direction:column}}@media (max-width:768px){.submission-report-container{margin-left:0;padding:20px 10px}.report-header{margin-bottom:30px}.report-header h1{font-size:1.8rem}.report-header p{font-size:.95rem}.report-table{font-size:.85rem}.report-table td,.report-table th{padding:10px}.btn{font-size:.95rem;min-width:auto;padding:10px 20px}.pagination{flex-direction:column;gap:15px}.pagination-btn{width:100%}}@media (max-width:480px){.report-header h1{font-size:1.5rem}.filter-section,.results-section{padding:15px}.button-group{flex-direction:column}.btn{width:100%}.results-header{flex-direction:column}.btn-download{width:100%}.pagination{flex-direction:column;gap:10px}.pagination-btn{font-size:.9rem;padding:8px 16px;width:100%}.pagination-info{font-size:.85rem}}
/*# sourceMappingURL=main.52d132fa.css.map*/