.dashboard{min-height:600px;padding:30px 0}.page-section{display:none}.page-section.active{display:block}.dashboard-header{margin-bottom:30px;text-align:center}.dashboard-header h2{color:var(--pmo-dark);font-size:32px;margin-bottom:10px}.dashboard-header p{color:var(--ethio-gray);font-size:18px;margin:0 auto;max-width:800px}.stats-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{align-items:center;background-color:#dcdcdc;border-left:4px solid var(--pmo-blue);border-radius:8px;box-shadow:0 4px 6px #0000000d;display:flex;gap:15px;padding:20px;transition:transform .3s,box-shadow .3s}.stat-card:hover{box-shadow:0 8px 15px #0000001a;transform:translateY(-5px)}.stat-card:nth-child(2){border-left-color:var(--ethio-yellow)}.stat-card:nth-child(3){border-left-color:var(--ethio-red)}.stat-card:nth-child(4){border-left-color:var(--ethio-green)}.stat-icon{align-items:center;border-radius:8px;color:#fff;display:flex;font-size:24px;height:60px;justify-content:center;width:60px}.stat-icon.total{background-color:var(--pmo-blue)}.stat-icon.pending-assignment{background-color:var(--ethio-yellow)}.stat-icon.pending-lme{background-color:var(--ethio-red)}.stat-icon.resolved{background-color:var(--ethio-green)}.stat-icon.rejected{background-color:var(--ethio-red)}.stat-info h3{color:var(--ethio-gray);font-size:14px;letter-spacing:.5px;text-transform:uppercase}.stat-info .count{color:var(--ethio-dark);font-size:32px;font-weight:700;margin-top:5px}.filter-section{background-color:var(--white);border-left:4px solid var(--pmo-blue);border-radius:8px;box-shadow:0 4px 6px #0000000d;margin-bottom:30px;padding:20px}.filter-section h3{align-items:center;color:var(--ethio-dark);display:flex;gap:10px;margin-bottom:15px}.filter-section h3 i{color:var(--pmo-blue)}.filter-options{display:flex;flex-wrap:wrap;gap:10px}.filter-btn{background-color:var(--white);border:1px solid var(--ethio-border);border-radius:4px;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .3s}.filter-btn:hover{background-color:var(--pmo-accent)}.filter-btn.active{background-color:var(--pmo-blue);border-color:var(--pmo-blue);color:#fff}.charts-section{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}@media (max-width:1100px){.charts-section{grid-template-columns:1fr}}.chart-container{background-color:#dcdcdc;border-left:4px solid var(--pmo-blue);border-radius:8px;box-shadow:0 4px 6px #0000000d;padding:20px}.chart-container h3{align-items:center;color:var(--ethio-dark);display:flex;gap:10px;margin-bottom:20px}.chart-container h3 i{color:var(--pmo-blue)}.department-stats{background-color:#dcdcdc;border-left:4px solid var(--pmo-blue);border-radius:8px;box-shadow:0 4px 6px #0000000d;margin-bottom:30px;padding:20px}.department-stats h3{align-items:center;color:var(--ethio-dark);display:flex;gap:10px;margin-bottom:20px}.department-stats h3 i{color:var(--pmo-blue)}.department-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.department-item{align-items:center;background-color:var(--pmo-accent);border:1px solid #0033a01a;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:15px;transition:all .3s}.department-item:hover{background-color:#d6e6ff;box-shadow:0 3px 8px #0000001a;transform:translateX(5px)}.department-name{word-wrap:break-word;color:var(--pmo-dark);font-weight:600;overflow-wrap:break-word;white-space:normal;word-break:break-word}.department-count{background-color:var(--pmo-blue);border-radius:20px;color:#fff;font-size:14px;font-weight:600;padding:5px 12px}.system-info{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.info-card{background-color:#dcdcdc;border-radius:8px;border-top:3px solid var(--pmo-blue);box-shadow:0 4px 6px #0000000d;padding:25px;text-align:center;transition:transform .3s}.info-card:hover{box-shadow:0 8px 15px #0000001a;transform:translateY(-5px)}.info-card i{color:var(--pmo-blue);font-size:40px;margin-bottom:15px}.info-card h4{color:var(--pmo-dark);font-size:20px;margin-bottom:10px}.info-card p{color:var(--ethio-gray);line-height:1.7}.page-content{background-color:#dcdcdc;border-left:4px solid var(--pmo-blue);border-radius:8px;box-shadow:0 4px 6px #0000000d;margin-bottom:30px;padding:30px}.page-content h2{border-bottom:2px solid var(--pmo-accent);color:var(--pmo-dark);margin-bottom:20px;padding-bottom:10px}.page-content p{line-height:1.7;margin-bottom:15px}.contact-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:30px}.contact-item{background-color:var(--pmo-accent);border-radius:8px;padding:20px}.contact-item h4{align-items:center;color:var(--pmo-dark);display:flex;gap:10px;margin-bottom:10px}.contact-item p{margin-bottom:5px}.faq-item{border-bottom:1px solid var(--ethio-border);margin-bottom:20px;padding-bottom:20px}.faq-item h4{align-items:center;color:var(--pmo-dark);cursor:pointer;display:flex;justify-content:space-between;margin-bottom:10px}.faq-item p{display:none}.faq-item.active p{display:block}.loading-spinner{align-items:center;color:var(--pmo-blue);display:flex;font-size:18px;height:200px;justify-content:center}@media (max-width:768px){.dashboard-header h2{font-size:24px}.charts-section{grid-template-columns:1fr}.btn-new-complaint{font-size:14px;padding:10px 20px}}.charts-section{display:block;margin-bottom:30px}.chart-container{background:#dcdcdc;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 20px #00000014;margin:0 auto;max-width:800px;padding:25px;transition:transform .2s ease,box-shadow .2s ease}.chart-container:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.chart-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.chart-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.chart-wrapper{height:400px;position:relative;width:100%}@media (max-width:900px){.chart-container{max-width:95%;padding:20px}.chart-wrapper{height:350px}}@media (max-width:600px){.chart-container{padding:15px}.chart-wrapper{height:300px}.chart-header h3{font-size:16px}}:root{--pmo-blue:#2894b8;--pmo-dark:#034b64;--pmo-light-blue:#305865;--pmo-accent:#e6f0ff;--ethio-green:#078930;--ethio-yellow:#fcdd09;--ethio-red:#da121a;--ethio-light:#f8f9fa;--ethio-dark:#1a1a1a;--ethio-gray:#666;--ethio-border:#ddd;--white:#fff}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}body{background-color:#f8f9fa;background-color:var(--ethio-light);color:#1a1a1a;color:var(--ethio-dark);line-height:1.6}.container{margin:0 auto;max-width:1400px;padding:0 20px}header{background-color:var(--pmo-blue);box-shadow:0 2px 10px #0000001a;color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-top{background-color:var(--pmo-dark);font-size:14px;overflow:hidden;padding:8px 0;position:relative}.header-top-content{align-items:center;display:flex;justify-content:space-between;min-height:24px}.promotion-container{height:24px;margin-right:20px}.promotion-container,.text-container{align-items:center;display:flex;flex:1 1;overflow:hidden;position:relative}.text-container{height:100%}.promotion-text{align-items:center;color:var(--ethio-yellow);display:flex;font-weight:500;gap:8px;padding-right:20px;white-space:nowrap}.promotion-text.scrolling{animation:scrollText 20s linear infinite}.promotion-text i{color:var(--ethio-yellow);font-size:12px}.promotion-message{display:inline-block}.current-date-display{align-items:center;animation:fadeIn .5s ease;color:#ffffffe6;display:flex;gap:8px;white-space:nowrap}.current-date-display i{color:#ffffffb3;font-size:12px}@keyframes scrollText{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}.header-top-links a{color:#fff;margin-left:20px;text-decoration:none;transition:opacity .3s;white-space:nowrap}.header-top-links a:hover{opacity:.8}.header-main{padding:15px 0}.header-main-content{align-items:center;display:flex;justify-content:space-between}.logo-container{align-items:center;display:flex;gap:20px}.ethiopian-flag{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000004d;height:60px;overflow:hidden;width:60px}.ethiopian-flag img{height:100%;object-fit:cover;width:100%}.logo-text{display:flex;flex-direction:column}.logo-text h1{color:#fff;font-size:24px;line-height:1.2}.logo-text span{font-size:14px;opacity:.9}.header-actions{align-items:center;display:flex;gap:15px}.btn-new-complaint{align-items:center;background-color:var(--pmo-light-blue);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 28px;transition:all .3s}.btn-new-complaint:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.btn-new-complaint:hover,nav{background-color:var(--pmo-dark)}nav{padding:0}.nav-content{align-items:center;display:flex;justify-content:space-between}.nav-links{display:flex;list-style:none}.nav-links li{position:relative}.nav-links a{color:#fff;cursor:pointer;display:block;font-weight:500;padding:15px 20px;text-decoration:none;transition:background-color .3s}.nav-links a:hover{background-color:#ffffff1a}.nav-links a.active{background-color:var(--pmo-light-blue)}.nav-links a.active:after{background-color:var(--ethio-yellow);bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.language-selector select{background-color:#034b64;border:1px solid #ffffff4d;border-radius:3px;color:#fff;cursor:pointer;padding:5px 10px}@media (max-width:768px){.header-main-content{flex-direction:column;gap:15px}.header-actions{justify-content:center;width:100%}.nav-links{display:none}.header-top-content{align-items:flex-start;flex-direction:column;gap:10px}.promotion-container{margin-right:0;width:100%}.header-top-links{display:flex;justify-content:space-between;margin-top:5px;width:100%}.header-top-links a{font-size:12px;margin-left:0}.current-date-display,.promotion-text{font-size:12px}}@keyframes switchText{0%,45%{opacity:1;transform:translateY(0)}50%,95%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}footer{background-color:var(--pmo-dark);color:#fff;margin-top:50px;padding:40px 0 20px}.footer-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.footer-section h4{color:#fff;font-size:18px;margin-bottom:20px;padding-bottom:10px;position:relative}.footer-section h4:after{background-color:var(--ethio-yellow);bottom:0;content:"";height:3px;left:0;position:absolute;width:40px}.footer-section p{color:#ccc;line-height:1.8}.footer-links{list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{align-items:center;color:#ccc;cursor:pointer;display:flex;gap:8px;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#fff}.copyright{border-top:1px solid #ffffff1a;color:#999;font-size:14px;margin-top:30px;padding-top:20px;text-align:center}.ethiopia-flag-footer{display:flex;justify-content:center;margin-top:20px}.mini-flag{border-radius:15px;box-shadow:0 2px 4px #0003;height:30px;overflow:hidden;width:120px}.mini-flag img{height:100%;object-fit:cover;width:100%}.stats-section{margin-bottom:30px}.dashboard{background-attachment:fixed;background-image:url(/complaint/static/media/addis-ababa5.bb44e730635ebee48034.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh}.home-page-overlay{background-color:#0003;min-height:100vh;padding:20px}.home-page{color:#fff;margin:0 auto;max-width:1400px}.dashboard-header h2,.dashboard-header p,.info-card h4,.info-card p{color:#034b64}.department-popup-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.department-popup{animation:slideUp .3s cubic-bezier(.16,1,.3,1);background:var(--white);border-left:4px solid var(--pmo-blue);border-radius:12px;border-top:1px solid #2894b81a;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:500px;position:relative;width:90%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-close{align-items:center;background:var(--pmo-accent);border:none;border-radius:50%;color:var(--pmo-blue);cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:36px;z-index:10}.popup-close:hover{background-color:var(--pmo-blue);color:#fff;transform:rotate(90deg)}.popup-header{word-wrap:break-word;background:linear-gradient(135deg,var(--pmo-blue) 0,var(--pmo-dark) 100%);border-radius:12px 12px 0 0;color:#fff;flex-shrink:0;overflow:hidden;overflow-wrap:break-word;padding:30px;position:relative}.popup-header h3{align-items:center;display:flex;flex-wrap:wrap;font-size:1.8rem;font-weight:600;gap:12px;margin-bottom:10px}.popup-header h3 i{flex-shrink:0;font-size:2rem}.popup-header .department-total{align-items:center;display:flex;flex-wrap:wrap;font-size:1.1rem;gap:8px;opacity:.9}.popup-header:before{background:linear-gradient(90deg,var(--ethio-black));content:"";height:4px;left:0;position:absolute;right:0;top:0}.popup-department-name{max-width:100%;overflow-wrap:break-word;word-break:break-word}.department-total{align-items:center;display:flex;font-size:16px;gap:12px;opacity:.95}.total-count{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff1a;border-radius:50px;font-size:32px;font-weight:700;margin-left:8px;padding:8px 20px}.popup-body{flex:1 1;max-height:calc(90vh - 250px);overflow-y:auto;padding:30px}.popup-body::-webkit-scrollbar{width:6px}.popup-body::-webkit-scrollbar-track{background:var(--pmo-accent);border-radius:3px}.popup-body::-webkit-scrollbar-thumb{background:var(--pmo-blue);border-radius:3px}.popup-body::-webkit-scrollbar-thumb:hover{background:var(--pmo-dark)}.department-description{background-color:var(--pmo-accent);border-left:3px solid var(--pmo-blue);border-radius:8px;color:var(--ethio-gray);font-size:15px;line-height:1.7;margin-bottom:25px;padding:15px}.status-breakdown{margin-bottom:30px}.status-breakdown h4{align-items:center;border-bottom:2px solid var(--pmo-accent);color:var(--pmo-dark);display:flex;font-size:18px;font-weight:600;gap:10px;margin-bottom:20px;padding-bottom:10px}.status-breakdown h4 i{color:var(--pmo-blue)}.status-item{align-items:center;background-color:var(--pmo-accent);border:1px solid #0033a00d;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:10px;padding:14px 16px;transition:all .2s ease}.status-item:hover{background-color:#d6e6ff;box-shadow:0 3px 8px #00000014;transform:translateX(5px)}.status-label{align-items:center;color:var(--ethio-dark);display:flex;font-weight:500;gap:12px}.status-dot{border-radius:50%;display:inline-block;height:12px;width:12px}.status-pending-assignment .status-dot{background-color:var(--ethio-yellow);box-shadow:0 0 0 3px #fcdd0933}.status-pending-lme .status-dot{background-color:var(--ethio-red);box-shadow:0 0 0 3px #233bf033}.status-resolved .status-dot{background-color:var(--ethio-green);box-shadow:0 0 0 3px #07893033}.status-rejected .status-dot{background-color:var(--ethio-red);box-shadow:0 0 0 3px #da121a33}.status-count{background:#fff;border:1px solid var(--ethio-border);border-radius:20px;color:var(--ethio-dark);font-size:18px;font-weight:700;min-width:60px;padding:6px 14px;text-align:center}.status-count.resolved{background-color:#0789301a;border-color:#07893033;color:var(--ethio-green)}.status-count.rejected{background-color:#da121a1a;border-color:#da121a33;color:var(--ethio-red)}.progress-section{border-top:2px solid var(--pmo-accent);margin-top:30px;padding-top:20px}.progress-section h4{color:var(--pmo-dark);font-size:18px;font-weight:600;margin-bottom:15px}.progress-bar{background-color:var(--ethio-border);border-radius:5px;height:10px;margin-bottom:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--ethio-green) 0,var(--pmo-blue) 100%);border-radius:5px;height:100%;position:relative;transition:width 1s ease-in-out}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-text{align-items:center;color:var(--ethio-green);display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;text-align:center}.progress-text i{font-size:18px}.popup-footer{background-color:var(--pmo-accent);border-radius:0 0 12px 12px;border-top:1px solid #0033a01a;display:flex;flex-shrink:0;gap:15px;justify-content:flex-end;padding:20px 30px}.popup-footer button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-popup-close{background-color:var(--white);border:1px solid var(--ethio-border);color:var(--ethio-dark)}.btn-popup-close:hover{background-color:#f3f4f6;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.btn-popup-action{background:linear-gradient(135deg,var(--pmo-blue) 0,var(--pmo-dark) 100%);color:#fff}.btn-popup-action:hover{box-shadow:0 6px 20px #2894b866;transform:translateY(-2px)}@media (max-width:768px){.department-popup{max-height:85vh;width:95%}.popup-header{padding:25px 20px}.popup-header h3{font-size:20px}.total-count{font-size:28px;padding:6px 16px}.popup-body{max-height:calc(85vh - 220px);padding:20px}.status-item{padding:12px 14px}.popup-footer{flex-direction:column;padding:20px}.popup-footer button{justify-content:center;width:100%}}@media (max-width:480px){.department-popup{max-height:80vh}.popup-body{max-height:calc(80vh - 200px)}.popup-header h3{font-size:18px}.department-total,.popup-header h3{align-items:flex-start;flex-direction:column;gap:8px}.total-count{font-size:24px;margin-left:0}.status-label{font-size:14px}.status-count{font-size:16px;min-width:50px;padding:4px 10px}}.App{display:flex;flex-direction:column;min-height:100vh}.dashboard{flex:1 1}
/*# sourceMappingURL=main.5f8ec96a.css.map*/