body{margin:0;font-family:Roboto,Noto Sans Arabic,IBM Plex Sans Arabic,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f7f6;color:#333;line-height:1.6}body.desktop-app-active{background-color:#3a3f44}.login-page-container{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;padding:20px;box-sizing:border-box}.login-box{background-color:#fff;padding:30px 40px;border-radius:8px;box-shadow:0 4px 15px #0000001a;width:100%;max-width:450px;text-align:center}.login-box[dir=rtl]{text-align:right}.logo-placeholder{background-color:#e9ecef;color:#868e96;padding:20px;border-radius:4px;margin-bottom:20px;font-size:.9em;text-align:center}.login-box h1{font-family:Noto Sans Arabic,IBM Plex Sans Arabic,sans-serif;font-size:1.5em;color:#007bff;margin-bottom:5px;font-weight:700}.login-box h2{font-family:Roboto,sans-serif;font-size:1.1em;color:#5a5a5a;margin-top:0;margin-bottom:25px;font-weight:400}.form-group{margin-bottom:20px;text-align:right}.form-group label{display:block;margin-bottom:8px;font-weight:700;font-size:.95em;color:#495057}.form-group input[type=text],.form-group input[type=password],.form-group input[type=number],.form-group input[type=date],.form-group select{width:100%;padding:12px 15px;border:1px solid #ced4da;border-radius:4px;box-sizing:border-box;font-size:1em;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-group input[type=text]:focus,.form-group input[type=password]:focus,.form-group input[type=number]:focus,.form-group input[type=date]:focus,.form-group select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem #007bff40}.login-button{width:100%;padding:12px 15px;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:1.1em;font-weight:700;cursor:pointer;transition:background-color .2s;font-family:Noto Sans Arabic,IBM Plex Sans Arabic,Roboto,sans-serif}.login-button:hover{background-color:#0056b3}.login-button:active{background-color:#004085}.forgot-password-link{display:block;margin-top:20px;color:#007bff;text-decoration:none;font-size:.9em;text-align:center}.forgot-password-link:hover{text-decoration:underline}.dashboard-layout{display:flex;min-height:100vh;direction:rtl}.dashboard-sidebar{width:260px;background-color:#2c3e50;color:#ecf0f1;padding:20px;display:flex;flex-direction:column;position:fixed;right:0;top:0;bottom:0;overflow-y:auto;transition:width .3s ease;box-sizing:border-box}.sidebar-logo{font-size:1.5em;font-weight:700;text-align:center;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #34495e}.dashboard-sidebar nav ul{list-style:none;padding:0;margin:0}.dashboard-sidebar nav li a{display:flex;align-items:center;padding:12px 15px;color:#ecf0f1;text-decoration:none;border-radius:4px;margin-bottom:5px;transition:background-color .2s,color .2s}.dashboard-sidebar nav li a:hover,.dashboard-sidebar nav li a.active{background-color:#3498db;color:#fff}.nav-icon{margin-left:10px;font-size:1.2em}.nav-text{font-size:1em}.dashboard-content-wrapper{flex-grow:1;margin-right:260px;margin-left:0;display:flex;flex-direction:column;transition:margin-right .3s ease}.dashboard-header{background-color:#fff;padding:20px 30px 15px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:1000;box-sizing:border-box}.header-title{font-size:1.4em;font-weight:600;color:#2c3e50}.header-info{display:flex;align-items:center}.header-info span{margin-left:20px;font-size:.95em;color:#555}.logout-button{background-color:#e74c3c;color:#fff;border:none;padding:8px 15px;border-radius:4px;cursor:pointer;font-size:.9em;transition:background-color .2s}.logout-button:hover{background-color:#c0392b}.dashboard-main-content{padding:30px;background-color:#f4f7f6;flex-grow:1}.dashboard-main-content h2{font-size:1.8em;color:#2c3e50;margin-top:0;margin-bottom:25px;border-bottom:2px solid #3498db;padding-bottom:10px;display:inline-block}.kpi-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:30px}.kpi-box{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #00000012;display:flex;align-items:center}.kpi-icon{font-size:2.5em;margin-left:15px;color:#3498db}.kpi-info h3{margin:0 0 5px;font-size:1.1em;color:#555}.kpi-info p{margin:0;font-size:1.4em;font-weight:700;color:#2c3e50}.charts-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:30px}.chart-placeholder{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #00000012}.chart-placeholder h3{margin-top:0;margin-bottom:15px;font-size:1.2em;color:#2c3e50;text-align:center}.chart-content{min-height:200px;display:flex;justify-content:center;align-items:center;background-color:#e9ecef;border-radius:4px;color:#868e96}.alerts-container{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #00000012}.alerts-container h3{margin-top:0;margin-bottom:15px;font-size:1.2em;color:#2c3e50}.alerts-container ul{list-style:none;padding:0;margin:0}.alerts-container li{padding:8px 0;border-bottom:1px solid #f0f0f0;font-size:.95em}.alerts-container li:last-child{border-bottom:none}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.page-header h2{margin-bottom:0;border-bottom:none}.page-actions{display:flex;gap:10px}.search-input{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:.9em}.action-button{padding:8px 15px;border:1px solid #ced4da;background-color:#fff;border-radius:4px;cursor:pointer;font-size:.9em;color:#007bff;transition:background-color .2s;display:flex;align-items:center;gap:5px}.action-button.primary{background-color:#007bff;color:#fff;border-color:#007bff}.action-button.primary:hover{background-color:#0056b3}.action-button:not(.primary):not(.danger-button):hover{background-color:#e9ecef}.action-button.danger-button{background-color:#e74c3c;color:#fff;border-color:#e74c3c}.action-button.danger-button:hover{background-color:#c0392b}.filter-icon{font-size:.8em}.table-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #00000012;overflow-x:auto;margin-bottom:20px}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:12px 15px;text-align:right;border-bottom:1px solid #e0e0e0}.data-table th{background-color:#f8f9fa;font-weight:600;color:#495057;font-size:.9em;text-transform:uppercase}.data-table tbody tr:hover{background-color:#f1f3f5}.data-table td.negative-balance{color:#e74c3c;font-weight:700}.table-action-button{padding:6px 10px;font-size:.85em;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.table-action-button:hover{background-color:#2980b9}.pagination-container{display:flex;justify-content:center;align-items:center;padding:20px 0;gap:10px}.pagination-container button{padding:8px 12px;border:1px solid #ced4da;background-color:#fff;border-radius:4px;cursor:pointer}.pagination-container button:disabled{background-color:#e9ecef;color:#adb5bd;cursor:not-allowed}.pagination-container span{font-size:.95em}.reports-screen h2{margin-bottom:30px}.reports-sections-container{display:grid;grid-template-columns:1fr 1.5fr;gap:30px;margin-bottom:30px}.standard-reports-section,.custom-reports-section,.report-display-area,.report-export-options{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #00000012}.standard-reports-section h3,.custom-reports-section h3,.report-display-area h3,.report-export-options h3{font-size:1.3em;color:#2c3e50;margin-top:0;margin-bottom:15px;border-bottom:1px solid #e0e0e0;padding-bottom:10px}.standard-reports-section ul{list-style:none;padding:0;margin:0}.standard-reports-section ul li a{display:block;padding:10px;color:#007bff;text-decoration:none;border-radius:4px;transition:background-color .2s}.standard-reports-section ul li a:hover{background-color:#e9f5ff;text-decoration:underline}.filter-group{margin-bottom:15px}.filter-group label{display:block;margin-bottom:5px;font-weight:600;color:#495057}.filter-group input[type=date],.filter-group select{width:100%;padding:10px;border:1px solid #ced4da;border-radius:4px;box-sizing:border-box;margin-bottom:5px}.filter-group select[multiple]{min-height:100px}.filter-actions{margin-top:20px;display:flex;gap:10px;justify-content:flex-start}.report-content-placeholder{min-height:250px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#e9ecef;border-radius:4px;color:#868e96;font-style:italic;padding:20px;text-align:center}.report-export-options{margin-top:20px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.report-export-options h3{width:100%;margin-bottom:10px}.system-config-screen h2{margin-bottom:30px}.config-section{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #00000012;margin-bottom:30px}.config-section h3{font-size:1.3em;color:#2c3e50;margin-top:0;margin-bottom:20px;border-bottom:1px solid #e0e0e0;padding-bottom:10px}.config-section .page-actions{margin-bottom:15px;justify-content:flex-start}.app-settings-form .form-group{max-width:500px}.app-settings-form .action-button.primary{margin-top:10px}.audit-log-screen h2{margin-bottom:30px}.filters-container{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #00000012;margin-bottom:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px 20px;align-items:end}.filters-container .filter-group{margin-bottom:0}.filters-container .search-filter-group{grid-column:span 2}@media (max-width: 992px){.filters-container .search-filter-group{grid-column:span 1}}.filters-container .filter-actions{margin-top:0}@media (max-width: 992px){.reports-sections-container{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-sidebar{width:100%;height:auto;position:static;right:auto;margin-bottom:20px;box-shadow:none}.dashboard-content-wrapper{margin-right:0}.dashboard-header{flex-direction:column;align-items:flex-start;padding:15px}.header-info{margin-top:10px;width:100%;justify-content:space-between}.kpi-container,.charts-container{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start;gap:15px}.page-actions{width:100%;flex-direction:column}.page-actions .search-input,.page-actions .action-button{width:100%;box-sizing:border-box}.filters-container{grid-template-columns:1fr}.filters-container .search-filter-group{grid-column:span 1}}@media (max-width: 600px){.login-box{padding:20px;margin:15px}.login-box h1{font-size:1.3em}.login-box h2{font-size:1em}.dashboard-main-content{padding:15px}.dashboard-main-content h2{font-size:1.5em}.kpi-icon{font-size:2em}.kpi-info p{font-size:1.2em}.reports-sections-container{gap:20px}.standard-reports-section,.custom-reports-section,.report-display-area,.report-export-options{padding:15px}.filter-actions{flex-direction:column}.filter-actions .action-button{width:100%;box-sizing:border-box}}.desktop-app-layout-container{display:flex;height:100vh;overflow:hidden;direction:ltr}.desktop-app-left-sidebar{width:220px;background-color:#2c3e50;color:#ecf0f1;padding:20px;display:flex;flex-direction:column;align-items:center;box-shadow:2px 0 5px #0000001a;flex-shrink:0}.desktop-app-title{font-size:1.8em;font-weight:700;margin-bottom:30px;color:#fff;text-align:center}.desktop-app-left-sidebar .app-mode-switch-button{background-color:#4a5568;color:#fff;border:1px solid #2d3748;padding:10px 15px;border-radius:4px;cursor:pointer;font-size:.95em;text-align:center;width:100%;box-sizing:border-box;margin-top:auto;transition:background-color .2s}.desktop-app-left-sidebar .app-mode-switch-button:hover{background-color:#2d3748}.app-mode-switch-button-standalone{position:fixed;bottom:10px;z-index:10001;background:#007bff;color:#fff;padding:8px 12px;border:1px solid #0056b3;border-radius:4px;cursor:pointer;font-size:.9em;box-shadow:0 2px 5px #0003}.app-mode-switch-button-standalone:hover{background:#0056b3}html[dir=ltr] .app-mode-switch-button-standalone{left:10px;right:auto}html[dir=rtl] .app-mode-switch-button-standalone{right:10px;left:auto}.desktop-app-container{display:flex;flex-direction:column;flex-grow:1;height:100vh;background-color:#f0f2f5;overflow:hidden;direction:rtl}.desktop-header{background-color:#3a3f44;color:#fff;padding:8px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #0078d4;font-size:.9em;flex-shrink:0;box-sizing:border-box}.desktop-header-main{font-weight:700;flex-grow:1;text-align:right}.desktop-header-nav{display:flex;gap:5px;margin:0 20px}.desktop-nav-button{background-color:transparent;color:#e0e0e0;border:1px solid transparent;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:.9em;transition:background-color .2s,color .2s;display:flex;align-items:center;gap:5px}.desktop-nav-button:hover{background-color:#4f555a;color:#fff}.desktop-nav-button.active{background-color:#0078d4;color:#fff;border-color:#005a9e}.desktop-header-info{display:flex;align-items:center;gap:15px}.desktop-view-container{padding:20px;background-color:#fff;flex-grow:1;overflow-y:auto;box-shadow:inset 0 1px 3px #0000001a}.desktop-view-container h2{font-size:1.6em;color:#2c3e50;margin-top:0;margin-bottom:20px;border-bottom:1px solid #ccc;padding-bottom:10px}.transaction-grid-container{flex-grow:1;overflow:auto;background-color:#fff;border:1px solid #c4c4c4;box-shadow:0 1px 3px #0000001a}.transaction-grid-table{width:100%;border-collapse:collapse;font-size:.85rem;table-layout:fixed}.transaction-grid-table th,.transaction-grid-table td{border:1px solid #dcdcdc;padding:6px 8px;text-align:right;vertical-align:middle;white-space:normal;word-break:break-word;overflow:hidden;text-overflow:ellipsis}.transaction-grid-table td:first-child,.transaction-grid-table th:first-child{text-align:center}.transaction-grid-table th{background-color:#e9ecef;font-weight:600;color:#333;position:sticky;top:0;z-index:10}.transaction-grid-table tbody tr:nth-child(2n){background-color:#f8f9fa}.transaction-grid-table tbody tr:hover{background-color:#e2e6ea}.grid-cell-input{width:calc(100% - 6px);padding:4px;border:1px solid #0078d4;box-sizing:border-box;font-size:inherit;font-family:inherit;text-align:right}.grid-cell-input[type=number],.grid-cell-number{text-align:right}.expense-column,.balance-column,.total-cell{font-family:Consolas,Menlo,monospace}.balance-column{font-weight:700;background-color:#f0f8ff}.total-cell{font-weight:700;background-color:#e9ecef}.prepared-by{padding:10px;text-align:right;font-size:.9em;color:#555;background-color:#f8f9fa;border-top:1px solid #dcdcdc;display:flex;justify-content:space-between;align-items:center}.desktop-settings-screen .settings-section{margin-bottom:25px;padding-bottom:15px;border-bottom:1px dashed #e0e0e0}.desktop-settings-screen .settings-section:last-child{border-bottom:none;margin-bottom:0}.desktop-settings-screen .settings-section h3{font-size:1.2em;color:#0078d4;margin-bottom:15px}.desktop-settings-screen .settings-form-group{margin-bottom:10px;display:flex;align-items:center;gap:10px}.desktop-settings-screen .settings-form-group label{font-weight:600;min-width:200px}.desktop-settings-screen .settings-form-group span,.desktop-settings-screen .settings-form-group select,.desktop-settings-screen .settings-form-group input{font-size:.95em}.desktop-settings-screen .action-button{margin-top:5px;margin-left:10px}.desktop-settings-screen .action-button:first-of-type{margin-left:0}.desktop-local-reports-screen .report-controls{background-color:#f9f9f9;padding:15px;border-radius:6px;margin-bottom:20px;display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end}.desktop-local-reports-screen .report-controls .form-group{margin-bottom:0;min-width:200px}.desktop-local-reports-screen .report-controls .form-group input[type=date],.desktop-local-reports-screen .report-controls .form-group select{padding:8px 10px}.desktop-local-reports-screen .report-preview-area{background-color:#e9ecef;padding:20px;border-radius:6px;min-height:300px;margin-bottom:20px}.desktop-local-reports-screen .report-preview-area h3{font-size:1.2em;color:#333;margin-top:0;margin-bottom:10px}.desktop-local-reports-screen .report-export-actions{display:flex;gap:10px;justify-content:flex-start;padding-top:10px;border-top:1px solid #eee}.sync-status-overview{background-color:#f9f9f9;padding:15px 20px;border-radius:6px;margin-bottom:25px;border:1px solid #e0e0e0}.sync-status-overview .status-item{margin-bottom:10px;font-size:1em}.sync-status-overview .status-item strong{color:#333;min-width:220px;display:inline-block}.sync-status-overview .status-item span{color:#555}.sync-status-overview .status-item span.failed-count{color:#e74c3c;font-weight:700}.sync-status-overview .action-button.primary{margin-top:10px}.sync-log-container{background-color:#fff;padding:20px;border-radius:6px;box-shadow:0 1px 3px #0000000d;border:1px solid #e0e0e0}.sync-log-container h3{font-size:1.3em;color:#333;margin-top:0;margin-bottom:15px;border-bottom:1px solid #eee;padding-bottom:10px}.sync-log-actions{margin-bottom:15px;display:flex;gap:10px}.sync-log-list{list-style:none;padding:0;margin:0;max-height:300px;overflow-y:auto;border:1px solid #e0e0e0;border-radius:4px;background-color:#fdfdfd}.sync-log-list .log-entry{padding:8px 12px;border-bottom:1px solid #f0f0f0;font-size:.9em;display:flex;gap:10px}.sync-log-list .log-entry:last-child{border-bottom:none}.sync-log-list .log-entry .log-time{color:#777;flex-shrink:0}.sync-log-list .log-entry .log-status{font-weight:700;flex-shrink:0}.sync-log-list .log-entry.success .log-status{color:#28a745}.sync-log-list .log-entry.failed .log-status{color:#dc3545}.sync-log-list .log-entry .log-message{color:#444;word-break:break-word}