.elementor-10958 .elementor-element.elementor-element-5aaacdc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-10958 .elementor-element.elementor-element-a15c517{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10958 .elementor-element.elementor-element-bb19761{width:initial;max-width:initial;}.elementor-10958 .elementor-element.elementor-element-7b8bd1e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;border-style:solid;--border-style:solid;border-width:0px 1px 0px 1px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:1px;border-color:#CECECE;--border-color:#CECECE;--border-radius:0px 0px 0px 1px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10958 .elementor-element.elementor-element-2a7ce97{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overlay-opacity:1;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10958 .elementor-element.elementor-element-2a7ce97:not(.elementor-motion-effects-element-type-background), .elementor-10958 .elementor-element.elementor-element-2a7ce97 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://eacomm.com/wp-content/uploads/2025/11/image-2.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-10958 .elementor-element.elementor-element-2a7ce97::before, .elementor-10958 .elementor-element.elementor-element-2a7ce97 > .elementor-background-video-container::before, .elementor-10958 .elementor-element.elementor-element-2a7ce97 > .e-con-inner > .elementor-background-video-container::before, .elementor-10958 .elementor-element.elementor-element-2a7ce97 > .elementor-background-slideshow::before, .elementor-10958 .elementor-element.elementor-element-2a7ce97 > .e-con-inner > .elementor-background-slideshow::before, .elementor-10958 .elementor-element.elementor-element-2a7ce97 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFFFFF00 0%, var( --e-global-color-de93f83 ) 100%);}.elementor-10958 .elementor-element.elementor-element-6659f77{--display:flex;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-10958 .elementor-element.elementor-element-6659f77::before, .elementor-10958 .elementor-element.elementor-element-6659f77 > .elementor-background-video-container::before, .elementor-10958 .elementor-element.elementor-element-6659f77 > .e-con-inner > .elementor-background-video-container::before, .elementor-10958 .elementor-element.elementor-element-6659f77 > .elementor-background-slideshow::before, .elementor-10958 .elementor-element.elementor-element-6659f77 > .e-con-inner > .elementor-background-slideshow::before, .elementor-10958 .elementor-element.elementor-element-6659f77 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFFFFF6B 0%, var( --e-global-color-de93f83 ) 100%);}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-10958 .elementor-element.elementor-element-cfc860f .elementor-button{background-color:var( --e-global-color-449c561 );}.elementor-10958 .elementor-element.elementor-element-cfc860f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10958 .elementor-element.elementor-element-cfc860f.elementor-element{--align-self:flex-end;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-10958 .elementor-element.elementor-element-1fc7b19 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-10958 .elementor-element.elementor-element-dd81fbd{--divider-border-style:solid;--divider-color:var( --e-global-color-text );--divider-border-width:1px;}.elementor-10958 .elementor-element.elementor-element-dd81fbd .elementor-divider-separator{width:100%;}.elementor-10958 .elementor-element.elementor-element-dd81fbd .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-10958 .elementor-element.elementor-element-9ce23b5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-10958 .elementor-element.elementor-element-233701e .elementor-icon-wrapper{text-align:center;}.elementor-10958 .elementor-element.elementor-element-233701e.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-10958 .elementor-element.elementor-element-233701e.elementor-view-framed .elementor-icon, .elementor-10958 .elementor-element.elementor-element-233701e.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-10958 .elementor-element.elementor-element-233701e.elementor-view-framed .elementor-icon, .elementor-10958 .elementor-element.elementor-element-233701e.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-10958 .elementor-element.elementor-element-233701e .elementor-icon{font-size:20px;}.elementor-10958 .elementor-element.elementor-element-233701e .elementor-icon svg{height:20px;}.elementor-10958 .elementor-element.elementor-element-40c2873{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-10958 .elementor-element.elementor-element-e14e522{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10958 .elementor-element.elementor-element-5aff6f5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}@media(min-width:768px){.elementor-10958 .elementor-element.elementor-element-a15c517{--width:15%;}.elementor-10958 .elementor-element.elementor-element-7b8bd1e{--width:85%;}.elementor-10958 .elementor-element.elementor-element-6659f77{--width:100%;}.elementor-10958 .elementor-element.elementor-element-e14e522{--width:15%;}}@media(max-width:767px){.elementor-10958 .elementor-element.elementor-element-5aaacdc{--width:100%;}.elementor-10958 .elementor-element.elementor-element-a15c517{--width:100%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-10958 .elementor-element.elementor-element-bb19761{width:initial;max-width:initial;}.elementor-10958 .elementor-element.elementor-element-7b8bd1e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10958 .elementor-element.elementor-element-40c2873{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-3e33453 */:root {
            --mcd-red: #DB0007;
            --mcd-yellow: #FFBC0D;
            --dark-gray: #292929;
            --light-bg: #f8f9fa;
            --white: #ffffff;
            --success: #28a745;
            --warning: #ffc107;
            --danger: #dc3545;
        }

        
        .brand { padding: 20px; font-size: 1.2rem; font-weight: bold; border-bottom: 1px solid #333; display: flex; align-items: center; gap: 10px; }
        .brand span { color: var(--mcd-yellow); }
        .nav-items { padding: 20px 0; flex: 1; }
        .nav-link { display: block; padding: 12px 20px; color: #bbb; text-decoration: none; transition: 0.2s; border-left: 4px solid transparent; }
        .nav-link:hover, .nav-link.active { background: #333; color: white; border-left-color: var(--mcd-red); }
        .nav-header { text-transform: uppercase; font-size: 0.75rem; color: #666; padding: 10px 20px; margin-top: 15px; }

        /* --- Main Content --- */
        main { flex: 1; display: flex; flex-direction: column; overflow: hidden; }
        
        header {
            background: white; padding: 15px 30px; border-bottom: 1px solid #ddd; display: flex; justify-content: space-between; align-items: center;
        }
        .user-profile { display: flex; align-items: center; gap: 10px; font-weight: 600; font-size: 0.9rem; }

        .content-scroll { padding: 30px; overflow-y: auto; flex: 1; }

        /* --- KPI Cards [Source 22, 53] --- */
        .kpi-container { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-bottom: 30px; }
        .card { background: white; padding: 20px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); }
        .kpi-title { font-size: 0.85rem; color: #666; text-transform: uppercase; margin-bottom: 5px; }
        .kpi-value { font-size: 1.8rem; font-weight: 800; color: var(--dark-gray); }
        .kpi-alert { color: var(--mcd-red); font-size: 0.8rem; font-weight: bold; margin-top: 5px; display: flex; align-items: center; gap: 5px; }

        /* --- Filters --- */
        .toolbar { display: flex; gap: 15px; margin-bottom: 20px; background: white; padding: 15px; border-radius: 8px; align-items: center; flex-wrap: wrap; }
        select, input { padding: 8px 12px; border: 1px solid #ddd; border-radius: 4px; font-size: 0.9rem; }
        .btn-filter { background: var(--dark-gray); color: white; border: none; padding: 8px 15px; border-radius: 4px; cursor: pointer; }

        /* --- Data Table [Source 52] --- */
        .table-card { 
            background: white; 
            border-radius: 8px; 
            box-shadow: 0 2px 5px rgba(0,0,0,0.05); 
            overflow-x: auto; /* Enables horizontal scrolling */
    -webkit-overflow-scrolling: touch;
        }
        
        
        table { width: 100%; border-collapse: collapse; font-size: 0.9rem; }
        th { background: #f4f4f4; padding: 15px; text-align: left; font-weight: 600; color: #444; border-bottom: 2px solid #ddd; }
        td { padding: 15px; border-bottom: 1px solid #eee; vertical-align: middle; }
        tr:hover { background: #fffdf5; }

        /* Badges */
        .badge { padding: 5px 10px; border-radius: 12px; font-size: 0.75rem; font-weight: bold; text-transform: uppercase; }
        .b-received { background: #e2e6ea; color: #495057; } /* Source 10: Received */
        .b-reviewed { background: #d4edda; color: #155724; } /* Source 10: Reviewed/Approved */
        .b-flagged { background: #f8d7da; color: #721c24; } /* Source 10: Flagged */

        /* Buttons */
        .btn { border: none; padding: 6px 12px; border-radius: 4px; cursor: pointer; font-size: 0.85rem; font-weight: 600; transition: 0.2s; }
        .btn-review { background: var(--mcd-red); color: white; }
        .btn-review:hover { background: #b00006; }

        /* --- Modal [Source 12, 60] --- */
        .modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 100; justify-content: center; align-items: center; }
        .modal { background: white; width: 900px; height: 85vh; border-radius: 8px; display: flex; flex-direction: column; overflow: hidden; box-shadow: 0 10px 25px rgba(0,0,0,0.2); }
        .modal-header { padding: 20px; border-bottom: 1px solid #ddd; display: flex; justify-content: space-between; align-items: center; background: #fafafa; }
        .modal-body { flex: 1; display: flex; overflow: hidden; }
        
        .doc-preview { flex: 2; background: #555; display: flex; align-items: center; justify-content: center; color: white; border-right: 1px solid #ddd; position: relative; }
        .action-panel { flex: 1; padding: 20px; display: flex; flex-direction: column; overflow-y: auto; background: white; }

        /* Chat Box [Source 55] */
        .chat-box { flex: 1; border: 1px solid #eee; border-radius: 4px; padding: 10px; margin-bottom: 15px; overflow-y: auto; background: #f9f9f9; max-height: 200px; }
        .chat-msg { font-size: 0.85rem; margin-bottom: 8px; padding: 8px; border-radius: 4px; }
        .msg-gadc { background: #fff3cd; align-self: flex-end; text-align: right; border: 1px solid #ffeeba; }
        .msg-oo { background: white; border: 1px solid #ddd; }

        .audit-trail { font-size: 0.75rem; color: #888; margin-top: 20px; border-top: 1px solid #eee; padding-top: 10px; }

        @media (max-width: 1024px) {
            .kpi-container { grid-template-columns: repeat(2, 1fr); }
            aside { width: 60px; }
            .brand span, .nav-link span, .nav-header { display: none; }
            .modal { width: 95%; height: 90vh; }
            .modal-body { flex-direction: column; }
            .doc-preview { height: 200px; flex: none; }
        }/* End custom CSS */
/* Start custom CSS */.figures {
           font-size: 2em;
           font-weight: bold;
       }
        .container {
            max-width: 900px;
            background: #fff;
            margin: 20px;
            padding: 25px;
            border-radius: 12px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.1);
        }
        h1 {
            text-align: center;
            color: #c60000;
        }
        .section-title {
            font-weight: bold;
            font-size: 1.2rem;
            margin-top: 25px;
            color: #444;
        }
       .grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
            gap: 5px;
        }
        label {
            font-size: 0.9rem;
            color: #555;
        }
        input[type="text"], input[type="number"], select, input[type="file"] {
            width: 100%;
            padding: 10px;
            border-radius: 6px;
            border: 1px solid #ccc;
            margin-top: 5px;
        }
        button {
            background: #c60000;
            border: none;
            padding: 12px 18px;
            border-radius: 8px;
            color: white;
            cursor: pointer;
            margin-top: 20px;
            font-size: 1rem;
        }
        button:hover {
            background: #a30000;
        }
        .file-note {
            font-size: 0.8rem;
            color: #777;
            margin-top: 5px;
        }
        .error {
            color: red;
            font-size: 0.85rem;
        }
        .cards {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
            margin-top: 20px;
        }
        .card {
            flex: 1 1 250px;
            background: #f0f0f0;
            padding: 15px;
            border-radius: 10px;
            text-align: center;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        }
        .card h3 {
            margin: 0;
            color: #c60000;
        }/* End custom CSS */