@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";:root{--font-main: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--border-radius: 8px;--border-radius-sm: 5px;--border-radius-lg: 12px;--spacing-xs: 5px;--spacing-sm: 10px;--spacing-md: 15px;--spacing-lg: 20px;--spacing-xl: 30px;--transition-speed: .3s;--transition-fast: .15s;--transition-slow: .5s;--z-header: 10;--z-dropdown: 100;--z-modal: 1000}*,*:before,*:after{box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--font-color);margin:0;padding:var(--spacing-lg);line-height:1.6;transition:background-color var(--transition-speed),color var(--transition-speed);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dark-mode{--bg-color: #1a1a2e;--card-bg: #16213e;--primary-color: #0f3460;--secondary-color: #e94560;--accent-color: #f39c12;--font-color: #e0e0e0;--font-color-muted: #a0a0a0;--border-color: #0f3460;--header-bg: #16213e;--shadow-color: rgba(0, 0, 0, .2);--shadow-color-hover: rgba(0, 0, 0, .4);--table-border-color: #3b4a6b;--overlay-bg: rgba(26, 26, 46, .95)}.light-mode{--bg-color: #f4f7fc;--card-bg: #ffffff;--primary-color: #eef2f9;--secondary-color: #3498db;--accent-color: #f39c12;--font-color: #333333;--font-color-muted: #777777;--border-color: #dddddd;--header-bg: #ffffff;--shadow-color: rgba(0, 0, 0, .1);--shadow-color-hover: rgba(0, 0, 0, .2);--table-border-color: #d1d9e6;--overlay-bg: rgba(244, 247, 252, .95)}.theme-switcher{display:flex;align-items:center;gap:var(--spacing-sm)}.theme-switcher .fas{color:var(--secondary-color);font-size:1.2rem}.switch{position:relative;display:inline-block;width:50px;height:26px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:background-color .4s;border-radius:26px}.slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:transform .4s;border-radius:50%}input:checked+.slider{background-color:var(--secondary-color)}input:checked+.slider:before{transform:translate(24px)}.container{max-width:98%;margin:0 auto;padding:var(--spacing-sm)}.global-nav{background-color:var(--primary-color);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-lg);border:1px solid var(--border-color)}.global-nav ul{list-style:none;margin:0;padding:var(--spacing-xs);display:flex;justify-content:center;gap:var(--spacing-sm)}.global-nav li a{display:block;padding:var(--spacing-sm) var(--spacing-lg);text-decoration:none;color:var(--font-color);font-weight:600;border-radius:var(--border-radius-sm);transition:background-color var(--transition-speed),color var(--transition-speed)}.global-nav li a:hover{background-color:var(--secondary-color);color:#fff}.global-nav li a.active-page{background-color:var(--secondary-color);color:#fff;box-shadow:0 2px 5px var(--shadow-color)}header{background-color:var(--header-bg);padding:var(--spacing-lg);border-radius:var(--border-radius);margin-bottom:var(--spacing-xl);box-shadow:0 5px 15px var(--shadow-color);position:sticky;top:0;z-index:var(--z-header)}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}header h1{color:var(--secondary-color);margin:0;font-size:clamp(1.2rem,4vw,2rem);font-weight:700}nav{text-align:center}nav button{background-color:var(--primary-color);color:var(--font-color);border:1px solid var(--border-color);padding:var(--spacing-sm) var(--spacing-lg);margin:var(--spacing-xs);border-radius:var(--border-radius-sm);cursor:pointer;font-size:16px;font-family:var(--font-main);font-weight:500;transition:all var(--transition-speed);white-space:nowrap}nav button:hover{background-color:var(--secondary-color);color:#fff;border-color:var(--secondary-color);transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow-color)}nav button.active{background-color:var(--secondary-color);color:#fff;border-color:var(--secondary-color)}nav button:focus{outline:2px solid var(--secondary-color);outline-offset:2px}.action-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.action-bar h2{margin:0;color:var(--secondary-color);font-size:clamp(1rem,3vw,1.5rem)}.back-btn,.print-btn,.csv-btn,.add-btn,.save-btn,.danger-btn{color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-sm);cursor:pointer;font-family:var(--font-main);font-size:15px;font-weight:500;display:inline-flex;align-items:center;gap:8px;transition:all var(--transition-speed)}.back-btn,.print-btn,.csv-btn{background:var(--secondary-color)}.add-btn{background-color:#27ae60}.save-btn{background-color:var(--secondary-color)}.danger-btn{background-color:#c0392b}.back-btn:hover,.print-btn:hover,.csv-btn:hover,.add-btn:hover,.save-btn:hover,.danger-btn:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow-color)}.back-btn:active,.print-btn:active,.csv-btn:active{transform:translateY(0)}.read-more-btn{background:none;border:none;color:var(--secondary-color);font-size:.85em;font-weight:700;cursor:pointer;padding:2px 0 0;margin-top:2px;display:block;width:100%;text-align:center}.read-more-btn:hover{text-decoration:underline}.copy-icon-btn{background:none;border:none;cursor:pointer;color:var(--font-color-muted);font-size:.9em;padding:2px;transition:color .2s;display:flex;align-items:center}.copy-icon-btn:hover{color:var(--secondary-color)}.search-container{position:relative;margin-bottom:20px;width:100%;max-width:500px;margin-left:auto;margin-right:auto}.search-container .fa-search{position:absolute;top:50%;left:15px;transform:translateY(-50%);color:#888;pointer-events:none;z-index:10}#dashboard-search,#project-search-input{width:100%;padding:12px 20px 12px 40px!important;border-radius:25px;border:1px solid var(--border-color);font-size:1rem;background-color:var(--bg-color);color:var(--font-color);transition:all .3s ease;box-sizing:border-box}#project-search-input{border-radius:5px;height:45px}#dashboard-search:focus,#project-search-input:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 5px #3498db80}input[type=text],input[type=date],input[type=datetime-local],input[type=number],select,textarea{width:100%;padding:10px;font-size:1em;border-radius:5px;border:1px solid var(--border-color);background-color:var(--bg-color);color:var(--font-color);box-sizing:border-box;transition:border-color .3s;font-family:var(--font-main)}textarea{min-height:100px;resize:vertical;direction:rtl;text-align:right}select.status-dropdown{width:100%;padding:8px 5px;border-radius:5px;font-weight:700;text-align:center;text-align-last:center;cursor:pointer;appearance:none;-webkit-appearance:none;font-size:.95em;border:1px solid transparent;transition:background-color .3s,color .3s}select.status-dropdown option{background-color:#fff;color:#000}select.status-dropdown.DONE,select.status-dropdown.NONE{background-color:#2ecc71!important;color:#fff!important;border:1px solid #27ae60!important}select.status-dropdown.NONE{color:#000!important}select.status-dropdown.IN_PROGRESS{background-color:#f39c12!important;color:#fff!important;border:1px solid #e67e22!important}select.status-dropdown.PENDING{background-color:#f1c40f!important;color:#000!important;border:1px solid #d4ac0d!important}select.status-dropdown.WAITING{background-color:wheat!important;color:#000!important;border:1px solid #e0c38c!important}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:25px}.project-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg);cursor:pointer;transition:transform var(--transition-speed),box-shadow var(--transition-speed);display:flex;flex-direction:column}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px var(--shadow-color-hover)}.project-card:focus-within{outline:2px solid var(--secondary-color);outline-offset:2px}.card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-md);text-align:left}.card-header h3{margin:0;color:var(--secondary-color);font-size:1.2rem}.card-body{flex-grow:1;text-align:left}.card-body p{margin:8px 0;color:var(--font-color-muted);font-size:.95rem}.card-body p span{color:var(--font-color);font-weight:600}.report-section{margin-top:25px;overflow-x:hidden}.report-table{width:100%;background-color:var(--card-bg);border-radius:var(--border-radius);border-collapse:collapse;box-shadow:0 5px 15px var(--shadow-color);border:1px solid var(--table-border-color);table-layout:fixed;font-size:12px}.report-table th,.report-table td{padding:8px 4px;text-align:center;vertical-align:middle;border:1px solid var(--table-border-color);white-space:normal;word-wrap:break-word;transition:background-color var(--transition-fast)}.report-table thead{background-color:var(--primary-color);font-size:11px;font-weight:700;position:sticky;top:0;z-index:2}.report-table tbody tr:hover{background-color:var(--primary-color)}.report-table td.notes-cell{text-align:right;direction:rtl;vertical-align:top;line-height:1.5}.task-header{display:inline-flex;background-color:#c00;color:#fff;font-weight:700;border:1px solid black;margin-bottom:-1px;border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0;z-index:1;position:relative;overflow:hidden}.task-header>div{padding:8px var(--spacing-md);text-align:center;border-left:1px solid black;white-space:nowrap}.task-header>div:first-child{border-left:none}.task-name{font-size:1.1em}.general-sheet-section .report-table td:nth-child(1),.tasks-table-section .report-table td:nth-child(1),.finance-table-section .report-table td:nth-child(1){background-color:var(--primary-color);font-weight:700}.detail-table-section .report-table th:nth-child(1),.detail-table-section .report-table td:nth-child(1){width:15%}.detail-table-section .report-table th:nth-child(2),.detail-table-section .report-table td:nth-child(2){width:15%}.detail-table-section .report-table th:nth-child(3),.detail-table-section .report-table td:nth-child(3){width:15%}.detail-table-section .report-table th:nth-child(4),.detail-table-section .report-table td:nth-child(4){width:12%}.detail-table-section .report-table th:nth-child(5),.detail-table-section .report-table td:nth-child(5){width:12%}.detail-table-section .report-table .notes-cell{width:31%}.status-badge{font-size:12px;padding:4px var(--spacing-sm);border-radius:var(--border-radius);text-align:center;display:inline-block;font-weight:700;transition:transform var(--transition-fast)}.status-badge:hover{transform:scale(1.05)}.status-badge.DONE{background-color:#2ecc71;color:#fff}.status-badge.IN_PROGRESS{background-color:#f39c12;color:#fff}.status-badge.PENDING{background-color:#f1c40f;color:#000}.status-badge.WAITING{background-color:wheat;color:#000}.status-badge.NONE{background-color:#2ecc71;color:#000}.status-cell{font-weight:700;padding:6px 10px;border-radius:var(--border-radius-sm)}.status-cell.DONE{background-color:#2ecc71;color:#fff}.status-cell.IN_PROGRESS{background-color:#f39c12;color:#fff}.status-cell.PENDING{background-color:#f1c40f;color:#000}.status-cell.WAITING{background-color:wheat;color:#000}.status-cell.NONE{background-color:#2ecc71;color:#000}.countdown{text-align:center;font-size:1.2em;font-weight:700;margin-top:var(--spacing-md);background-color:var(--primary-color);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);transition:background-color var(--transition-slow),color var(--transition-slow)}.deadline-cell{font-weight:700;transition:background-color var(--transition-slow),color var(--transition-slow)}#toast-container{position:fixed;top:20px;right:20px;z-index:2147483647;display:flex;flex-direction:column;gap:10px;pointer-events:none;width:auto;min-width:320px}.toast-notification{background-color:var(--card-bg, #ffffff);color:var(--font-color, #333333);border:1px solid var(--border-color, #dddddd);padding:15px 20px;border-radius:8px;box-shadow:0 10px 30px #0000004d;display:flex;align-items:center;gap:15px;min-width:300px;pointer-events:auto;opacity:0;transform:translate(100%);transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.toast-notification.show{opacity:1!important;transform:translate(0)!important}.toast-notification.hide{opacity:0;transform:translate(100%)}.toast-notification.success{border-left:5px solid #2ecc71;background:#fff}.toast-notification.update{border-left:5px solid #3498db;background:#fff}.toast-notification.delete{border-left:5px solid #e74c3c;background:#fff}body.dark-mode .toast-notification{background-color:#1e1e2d;color:#fff;border-color:#444}.toast-close-btn{background:transparent;border:none;font-size:1.2rem;color:#999;cursor:pointer;margin-left:auto}.toast-close-btn:hover{color:#333}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:25px;margin-bottom:30px}.dashboard-controls{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-bottom:25px}.checkbox-wrapper{background:var(--card-bg);padding:10px 20px;border-radius:50px;border:1px solid var(--border-color);display:flex;align-items:center;gap:10px}.checkbox-wrapper input{cursor:pointer;width:18px;height:18px}.checkbox-wrapper label{cursor:pointer;font-weight:700;font-size:.95em;-webkit-user-select:none;user-select:none;color:var(--font-color)}.general-sheet-section .report-table{font-size:9px}.general-sheet-section .report-table th{font-size:10px}.general-sheet-section .report-table td{padding:4px 2px}.general-sheet-section .report-table th:nth-child(1),.general-sheet-section .report-table td:nth-child(1){width:7%}.general-sheet-section .report-table th:nth-child(2),.general-sheet-section .report-table td:nth-child(2){width:6%}.general-sheet-section .report-table th:nth-child(3),.general-sheet-section .report-table td:nth-child(3){width:6%}.general-sheet-section .report-table th:nth-child(n+4):nth-child(-n+12),.general-sheet-section .report-table td:nth-child(n+4):nth-child(-n+12){width:4%}.general-sheet-section .report-table th:nth-child(13),.general-sheet-section .report-table td:nth-child(13){width:6%}.general-sheet-section .report-table th:nth-child(14),.general-sheet-section .report-table td:nth-child(14){width:4.5%}.general-sheet-section .report-table th:nth-child(15),.general-sheet-section .report-table td:nth-child(15){width:4.5%}.general-sheet-section .report-table th:nth-child(16),.general-sheet-section .report-table td:nth-child(16){width:4.5%}.general-sheet-section .report-table .notes-cell{width:13.5%}.general-sheet-section .report-table th:nth-child(18),.general-sheet-section .report-table td:nth-child(18){width:4.5%}.tasks-table-section .report-table th:nth-child(1),.tasks-table-section .report-table td:nth-child(1){width:15%}.tasks-table-section .report-table th:nth-child(2),.tasks-table-section .report-table td:nth-child(2){width:10%}.tasks-table-section .report-table th:nth-child(3),.tasks-table-section .report-table td:nth-child(3){width:12%}.tasks-table-section .report-table th:nth-child(4),.tasks-table-section .report-table td:nth-child(4){width:10%}.tasks-table-section .report-table th:nth-child(5),.tasks-table-section .report-table td:nth-child(5){width:12%}.tasks-table-section .report-table th:nth-child(6),.tasks-table-section .report-table td:nth-child(6){width:11%}.tasks-table-section .report-table .notes-cell{width:30%}.finance-table-section .report-table th:nth-child(1),.finance-table-section .report-table td:nth-child(1){width:18%}.finance-table-section .report-table th:nth-child(2),.finance-table-section .report-table td:nth-child(2){width:12%}.finance-table-section .report-table th:nth-child(3),.finance-table-section .report-table td:nth-child(3){width:10%}.finance-table-section .report-table th:nth-child(4),.finance-table-section .report-table td:nth-child(4){width:12%}.finance-table-section .report-table th:nth-child(5),.finance-table-section .report-table td:nth-child(5){width:8%}.finance-table-section .report-table th:nth-child(6),.finance-table-section .report-table td:nth-child(6){width:10%}.finance-table-section .report-table .notes-cell{width:30%}.edit-controls{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-bottom:25px}.filter-controls{display:flex;flex-wrap:wrap;gap:20px;align-items:center;flex-grow:1}#add-btn{order:2}#action-buttons-container{order:3;display:flex;gap:10px;margin-left:auto}.edit-controls .search-container{flex-grow:1;min-width:250px;max-width:none;margin-bottom:0}.checkbox-container{display:flex;align-items:center;gap:10px;background:var(--card-bg);padding:10px 20px;border-radius:50px;border:1px solid var(--border-color)}.save-controls-wrapper{display:flex;align-items:center;gap:15px;background:var(--bg-color);padding:8px 15px;border-radius:5px;border:1px solid var(--border-color)}.save-controls-wrapper.unsaved{border-color:#e67e22}.project-meta-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;background-color:var(--card-bg);padding:20px;border-radius:8px;border:1px solid var(--border-color);margin-bottom:20px}.meta-item{background:var(--primary-color);padding:10px;border-radius:5px;display:flex;flex-direction:column;justify-content:center}.meta-item:hover{transform:translateY(-3px);transition:transform .2s}.meta-item h4{margin:0 0 5px;font-size:.85em;color:var(--secondary-color);text-transform:uppercase}.recent-projects-container{margin-top:30px;animation:fadeIn .5s ease-in-out}.recent-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:15px}.recent-project-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:15px;cursor:pointer;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 2px 5px #0000000d}.recent-project-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px var(--shadow-color-hover);border-color:var(--secondary-color)}.recent-project-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:var(--secondary-color)}.recent-project-card h4{margin:0 0 8px;color:var(--font-color);font-size:1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-project-card p{margin:0;font-size:.85em;color:var(--font-color-muted)}.recent-project-card .rp-date{font-size:.75em;margin-top:10px;color:var(--secondary-color);font-weight:700;text-align:right}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.project-detail-view{background-color:var(--card-bg);padding:var(--spacing-xl);border-radius:var(--border-radius);text-align:left}.content-section{margin-top:var(--spacing-xl)}.content-section a{color:var(--secondary-color);text-decoration:none;transition:color var(--transition-speed)}.content-section a:hover{color:var(--accent-color);text-decoration:underline}.content-section pre{background-color:var(--bg-color);padding:var(--spacing-md);border-radius:var(--border-radius-sm);white-space:pre-wrap;word-wrap:break-word;border:1px solid var(--border-color);overflow-x:auto}.global-notes{background-color:var(--primary-color);padding:var(--spacing-lg);border-radius:var(--border-radius-sm);margin-top:var(--spacing-lg);font-style:italic;direction:rtl;text-align:right;border-right:4px solid var(--secondary-color)}.notes-wrapper{position:relative;display:flex;flex-direction:column;align-items:flex-end}.notes-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;transition:max-height .3s ease;width:100%;text-align:right;direction:rtl}.notes-text.expanded{-webkit-line-clamp:unset;overflow:visible}.smart-link-container{display:inline-flex;align-items:center;gap:5px;background:#0000000d;padding:2px 6px;border-radius:4px;margin:2px;max-width:100%;direction:ltr}.smart-link{color:var(--secondary-color);text-decoration:none;font-weight:500;display:flex;align-items:center;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:.9em}.smart-link:hover{text-decoration:underline}.drive-link{color:#1fa463}.dark-mode .smart-link-container{background:#ffffff1a}.diff-old{background-color:#ffebee;color:#c62828;text-decoration:line-through;padding:2px 5px;border-radius:4px;font-size:.9em}.diff-new{background-color:#e8f5e9;color:#2e7d32;font-weight:700;padding:2px 5px;border-radius:4px}.history-table td{vertical-align:top;text-align:left}body.dark-mode .diff-old{background-color:#3e2723;color:#ffcdd2}body.dark-mode .diff-new{background-color:#1b5e20;color:#c8e6c9}@media print{@page{size:A3 landscape;margin:.5cm}body{transform:scale(.75);transform-origin:top left;width:133%;height:auto;padding:0}header,.action-bar,.countdown,.back-btn,.print-btn,nav,.global-nav{display:none!important}.container{padding:0;margin:0;width:100%;max-width:100%;box-shadow:none}.report-section{overflow:visible;page-break-inside:avoid}.report-table,.project-detail-view{box-shadow:none;page-break-inside:avoid}.project-card{page-break-inside:avoid}}@media print and (max-width:992px){@page{size:A3 landscape;margin:.5cm}body{transform:none;transform-origin:unset;width:100%;height:auto}.report-table{min-width:1200px}}@media(max-width:992px){.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.project-meta-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.global-nav ul{flex-direction:column;gap:0}.global-nav li a{text-align:center}}@media(max-width:768px){body,.container{padding:var(--spacing-xs)}header{padding:var(--spacing-md)}nav button{padding:6px 8px;font-size:11px;margin:3px}.dashboard-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.report-section{overflow-x:auto;-webkit-overflow-scrolling:touch}.report-table{min-width:1200px}}@media(max-width:480px){:root{--spacing-xs: 3px;--spacing-sm: 6px;--spacing-md: 10px;--spacing-lg: 15px;--spacing-xl: 20px}header h1{font-size:1rem}nav button{padding:5px 6px;font-size:10px}}:focus-visible{outline:2px solid var(--secondary-color);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){.report-table,.report-table th,.report-table td{border:1px solid var(--font-color)}}
