@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--background:#f7f7f7;--background-active:#fff;--foreground:#1c1f26;--primary:#a6b1c3;--secondary:#d2d8e2;--accent:#1b5bff;--weekend:#eff2f4;--over-allocated:#ffe5e5;--border:#e1e4e8;--hover:#e8f0ff;--current-period:#1b5bff;--current-period-bg:#e8f0ff;--allocated-normal:#e8f4fd;--over-allocated-mild:#fff3cd;--over-allocated-moderate:#ffe5e5;--over-allocated-severe:#ffd6d6;--warning-border:#ffc107;--danger-border:#dc3545;--utilization-good:#4a90e2;--utilization-warning:#ffc107;--utilization-danger:#dc3545;--task-color-1:#4a90e2;--task-color-2:#5cb85c;--task-color-3:#9b59b6;--task-color-4:#e67e22;--task-color-5:#e74c3c;--task-color-6:#1abc9c;--task-color-7:#f39c12;--task-color-8:#3498db;--task-color-9:#2ecc71;--task-color-10:#8e44ad;--task-color-11:#d35400;--task-color-12:#16a085;--task-color-13:#c0392b;--task-color-14:#7f8c8d;--task-color-15:#2980b9;--task-color-1-hover:#3a7bc8;--task-color-2-hover:#4a9e4a;--task-color-3-hover:#8b49a6;--task-color-4-hover:#d66e12;--task-color-5-hover:#d73c2c;--task-color-6-hover:#0aac8c;--task-color-7-hover:#e38c02;--task-color-8-hover:#2488cb;--task-color-9-hover:#1ebc61;--task-color-10-hover:#7e349d;--task-color-11-hover:#c34400;--task-color-12-hover:#069075;--task-color-13-hover:#b3291b;--task-color-14-hover:#6f7c7d;--task-color-15-hover:#1970a9;--task-color-text:#fff;--status-new:#7f8c8d;--status-new-hover:#6f7c7d;--status-planned:#4a90e2;--status-planned-hover:#3a7bc8;--status-in-progress:#f39c12;--status-in-progress-hover:#e38c02;--status-on-hold:#e74c3c;--status-on-hold-hover:#d73c2c;--status-cancelled:#7f8c8d;--status-cancelled-hover:#6f7c7d;--status-completed:#5cb85c;--status-completed-hover:#4a9e4a;--row-height-collapsed:40px;--row-height-min-expanded:120px;--header-height:56px;--header-padding-x:24px;--tooltip-bg:var(--foreground);--tooltip-text:#fff;--tooltip-border-radius:4px;--tooltip-padding:8px 12px;--tooltip-font-size:12px;--tooltip-line-height:1.4;--tooltip-max-width:320px;--tooltip-max-height:120px;--tooltip-z-index:999999;--tooltip-shadow:0 2px 8px #00000026}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.text-ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.page-header{height:var(--header-height);padding:0 var(--header-padding-x);background-color:var(--background);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.side-menu-header{height:var(--header-height);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:0 16px;display:flex}.form-label{color:var(--primary);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-label .required{color:var(--utilization-danger)}.form-input,.form-select,.form-textarea{border:1px solid var(--border);width:100%;color:var(--foreground);background-color:var(--background-active);border-radius:6px;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .2s}.form-input::-moz-placeholder{color:var(--secondary);opacity:.7}.form-textarea::-moz-placeholder{color:var(--secondary);opacity:.7}.form-input::placeholder,.form-textarea::placeholder{color:var(--secondary);opacity:.7}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);background-color:#fff;outline:none}.form-input.input-error,.form-select.input-error{border-color:var(--utilization-danger)}.form-select{cursor:pointer}.form-select-with-chevron{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='%23A6B1C3'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px 20px;padding-right:36px}.form-select-with-chevron:hover{border-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='%234A90E2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E")}.form-select-with-chevron:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='%234A90E2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E")}.form-select-with-chevron:disabled{cursor:not-allowed;opacity:.6;background-color:var(--hover)}.form-textarea{resize:vertical;min-height:80px}.error-message{color:var(--utilization-danger);margin-top:6px;font-size:12px;display:block}.form-hint{color:var(--primary);margin-top:6px;font-size:12px;display:block}.btn-primary{background-color:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover{background-color:#3a7bc8;box-shadow:0 2px 4px #00000026}.btn-primary:active{transform:translateY(0)}.btn-primary .icon{flex-shrink:0;width:16px;height:16px}.btn-primary-lg{box-shadow:0 2px 4px #0000001a;padding:12px 20px!important;font-size:16px!important}.btn-primary-lg:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.btn-secondary{border:1px solid var(--border);color:var(--foreground);cursor:pointer;white-space:nowrap;background-color:#0000;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:active{transform:translateY(0)}.btn-secondary .icon{flex-shrink:0;width:16px;height:16px}[data-tooltip]{cursor:pointer;position:relative}[data-tooltip]:hover{z-index:999999}[data-tooltip]:before{content:attr(data-tooltip);padding:var(--tooltip-padding);background-color:var(--tooltip-bg);color:var(--tooltip-text);font-size:var(--tooltip-font-size);line-height:var(--tooltip-line-height);border-radius:var(--tooltip-border-radius);box-shadow:var(--tooltip-shadow);word-wrap:break-word;max-width:var(--tooltip-max-width);max-height:var(--tooltip-max-height);text-overflow:ellipsis;opacity:0;pointer-events:none;z-index:var(--tooltip-z-index);transition:opacity .2s,transform .2s;position:absolute;bottom:calc(100% + 8px);left:50%;overflow:hidden;transform:translate(-50%);white-space:normal!important}[data-tooltip]:after{content:"";border:5px solid #0000;border-top-color:var(--tooltip-bg);opacity:0;pointer-events:none;z-index:var(--tooltip-z-index);transition:opacity .2s;position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%)}[data-tooltip]:not([data-tooltip=""]):hover:before,[data-tooltip]:not([data-tooltip=""]):hover:after{opacity:1}[data-tooltip-position=bottom]:before{top:calc(100% + 8px);bottom:auto;transform:translate(-50%)}[data-tooltip-position=bottom]:after{border-top-color:#0000;border-bottom-color:var(--tooltip-bg);top:calc(100% + 3px);bottom:auto}[data-tooltip-position=left]:before{bottom:50%;left:auto;right:calc(100% + 8px);transform:translateY(50%)}[data-tooltip-position=left]:after{border-top-color:#0000;border-left-color:var(--tooltip-bg);bottom:50%;left:auto;right:calc(100% + 3px);transform:translateY(50%)}[data-tooltip-position=right]:before{bottom:50%;left:calc(100% + 8px);right:auto;transform:translateY(50%)}[data-tooltip-position=right]:after{border-top-color:#0000;border-right-color:var(--tooltip-bg);bottom:50%;left:calc(100% + 3px);right:auto;transform:translateY(50%)}.btn-primary{background-color:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.btn-primary:hover{background-color:#3a7bc8}.btn-primary .icon{width:16px;height:16px}.btn-primary-lg{padding:12px 24px;font-size:14px}.btn-primary-lg .icon{width:18px;height:18px}.btn-secondary{border:1px solid var(--border);background-color:var(--background);color:var(--foreground);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.btn-secondary:hover{background-color:var(--hover);border-color:var(--primary)}.filter-btn{border:1px solid var(--border);background-color:var(--background);cursor:pointer;color:var(--foreground);white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.filter-btn:hover{background-color:var(--hover);border-color:var(--primary)}.filter-btn.has-filters{border-color:var(--accent);background-color:var(--hover)}.filter-btn .filter-icon{width:16px;height:16px}.filter-badge{background-color:var(--accent);color:#fff;text-align:center;border-radius:10px;min-width:18px;margin-left:4px;padding:2px 6px;font-size:11px;font-weight:600}.clear-filters-btn{border:1px solid var(--border);background-color:var(--background);cursor:pointer;width:32px;height:32px;color:var(--foreground);border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.clear-filters-btn:hover{background-color:var(--hover);border-color:var(--accent);color:var(--accent)}.clear-filters-btn .clear-icon{width:16px;height:16px}.icon-btn{border:1px solid var(--border);background-color:var(--background);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:6px;transition:all .2s;display:flex}.icon-btn .icon{width:16px;height:16px}.icon-btn-edit{color:var(--accent)}.icon-btn-edit:hover{border-color:var(--accent);background-color:#4a90e21a}.icon-btn-delete{color:#dc3545}.icon-btn-delete:hover{background-color:#fee;border-color:#dc3545}@media (max-width:768px){.btn-primary span,.btn-secondary span{display:none}.btn-primary,.btn-secondary{justify-content:center;min-width:32px;padding:8px}}.app-loading[data-v-a9f8813a]{background:var(--background);flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;display:flex}.loading-spinner[data-v-a9f8813a]{border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin-a9f8813a}@keyframes spin-a9f8813a{to{transform:rotate(360deg)}}.app-loading p[data-v-a9f8813a]{color:var(--foreground);font-size:1rem}
