html{box-sizing:border-box;scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif;scrollbar-width:thin}html,body,#root{height:100%;margin:0;padding:0}#root{display:flex;flex-direction:column;min-height:100%}:root{--color-primary: #5459ac;--color-primary-hover: #41468f;--color-accent: #22c55e;--color-bg: #f4f6f8;--color-body-bg: #f3f4f6;--color-bg-alt: #ffffff;--color-text: #1f2937;--color-muted: #6b7280;--color-border: #e5e7eb;--color-shadow: rgba(0, 0, 0, .05);--color-danger: #ef4444;--color-warning: #facc15;--color-selected-task: #1f2937;font-size:16px;--font-xs: .75rem;--font-sm: .875rem;--font-md: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--font-4xl: 2.25rem;--font-5xl: 3rem;--nav-icons: #5459ac}h1{font-size:var(--font-4xl);font-weight:700}h2{font-size:var(--font-3xl)}h5{font-size:var(--font-md)}td h5{font-size:var(--font-sm);font-weight:500;padding-inline:"5px"}p{font-size:var(--font-md);line-height:1.6}textarea{padding:0!important}.small{font-size:var(--font-sm)}.button{font-size:var(--font-sm);font-weight:600}[data-theme=dark]{--color-primary: #5459ac;--color-primary-hover: #5459ac;--color-accent: #4ade80;--color-bg: #111827;--color-body-bg: #1f2937;--color-bg-alt: #1f2937;--color-text: #dddddd;--color-muted: #9ca3af;--color-border: #374151;--color-shadow: rgba(0, 0, 0, .3);--color-danger: #f87171;--color-warning: #fde047;--color-selected-task: #f3f4f6;--nav-icons: #dddddd}body{color:var(--color-text)}.nav-bar{width:100vw;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background-color:var(--color-bg)}.nav-bar .left,.nav-bar .right{display:flex;align-items:center;gap:10px}.danger-btn{background-color:var(--color-danger)!important}.glb-btn{display:inline-flex;align-items:center;justify-content:center;padding:.58rem 1.25rem;border-radius:.4rem;font-size:var(--font-sm);font-weight:600;line-height:1.5;color:#fff;background-color:var(--color-primary);border:1px solid transparent;box-shadow:0 4px 6px -1px var(--color-shadow),0 2px 4px -2px var(--color-shadow);transition:background-color .3s ease,box-shadow .3s ease,transform .2s ease;cursor:pointer;text-decoration:none;-webkit-user-select:none;user-select:none}.glb-btn.smaller{font-size:var(--font-xs);font-weight:500;line-height:1.25rem;padding:.5rem .75rem;border-radius:.4rem;box-shadow:0 1px 2px var(--color-shadow);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.sec-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:.5rem;font-size:var(--font-sm);font-weight:500;line-height:1.25rem;color:var(--color-bg-alt);background-color:var(--color-accent);border:1px solid var(--color-border);box-shadow:0 1px 2px var(--color-shadow);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;cursor:pointer}.trn-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:.5rem;font-size:var(--font-sm);font-weight:500;line-height:1.25rem;color:var(--color-bg-alt);background-color:transparent;border:1px solid var(--color-border);box-shadow:0 1px 2px var(--color-shadow);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;cursor:pointer}.glb-btn:hover{background-color:var(--color-primary-hover);box-shadow:0 6px 10px -2px var(--color-shadow),0 3px 6px -2px var(--color-shadow)}.glb-btn:focus{outline:2px solid var(--color-primary-hover);outline-offset:2px}.glb-btn:active{box-shadow:0 2px 4px -2px var(--color-shadow)}.glb-btn:disabled{opacity:.6;cursor:not-allowed}.avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--color-border, #ffffff);box-shadow:0 2px 4px #0000000d;transition:transform .2s ease;display:flex;align-items:center;justify-content:center;background-color:var(--color-muted);color:#fff}.avatar:hover{transform:scale(1.05)}.close-overlay{display:none}.side-bar{width:200px;min-width:200px;height:calc(100vh - 60px);overflow-y:auto;background-color:var(--color-bg);padding:20px 10px;display:flex;flex-direction:column;gap:20px}.side-bar .block{display:flex;flex-direction:column;gap:10px}.main-content{width:100%;height:calc(100vh - 60px);overflow-y:auto;padding:20px;background-color:var(--color-bg-alt);border-top-left-radius:12px;border-top:1px solid var(--color-border);border-left:1px solid var(--color-border)}.nav-links{display:flex;flex-direction:column;gap:2px}.nav-links .nav-link{all:unset;display:flex;align-items:center;padding:10px;gap:10px;cursor:pointer;border:1px solid transparent;position:relative}.nav-links .nav-link:hover,.nav-links .nav-link.active{transform:translate(5px);background-color:var(--color-bg);border:1px solid var(--color-border);box-shadow:0 2px 4px var(--color-shadow);border-radius:10px;transition:all .4s ease}.members{display:flex;flex-direction:column;gap:10px;font-size:14px}.tickets-filter-bar{display:flex;gap:20px;margin-bottom:20px}.tickets-filter-bar .block{width:100px;display:flex;flex-direction:column;gap:10px}.page-scrollable-container{height:calc(100vh - 300px);overflow-y:auto}.page-scrollable-container.full-page{height:calc(100vh - 130px);overflow-y:auto}.tickets-second-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;width:100%}.tickets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(370px,1fr));gap:20px}.user-tickets-grid{grid-template-columns:repeat(4,1fr)}@media (max-width: 1600px){.user-tickets-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1200px){.user-tickets-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 800px){.user-tickets-grid{grid-template-columns:1fr}}.ticket-card{padding:14px;gap:8px}.ticket-card .header{font-size:var(--font-sm);font-weight:600}.ticket-card .body{font-size:var(--font-sm);color:var(--color-muted)}.ticket-card h4,.ticket-card h5{font-size:var(--font-md);font-weight:600}.ticket-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ticket-footer{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;font-size:var(--font-xs)}.ticket-card{padding:10px;display:flex;flex-direction:column;justify-content:space-between;gap:3px;background-color:var(--color-bg);border:1px solid var(--color-border);box-shadow:0 2px 4px var(--color-shadow);border-radius:10px;transition:all .4s ease}.ticket-card .header{display:flex;justify-content:space-between;align-items:center;font-size:14px;gap:10px}.ticket-card .footer{display:flex;flex-direction:column;gap:10px;width:100%;font-size:14px}.ticket-card .status{padding:2px 10px;border-radius:10px;font-size:12px}.ticket-card .body{display:flex;flex-direction:column;height:100%;margin:5px 0;gap:10px;font-size:14px}.ticket-card:hover{background-color:var(--color-bg)!important;box-shadow:0 2px 4px var(--color-shadow);cursor:pointer;border-radius:10px;transition:all .4s ease;border-color:var(--color-primary)}.ticket-card{position:relative;overflow:hidden}.ticket-card:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background-color:transparent;transition:background-color .3s ease}.ticket-card:hover:before{background-color:var(--color-primary)}.auth-card{width:400px;padding:20px;margin:20px auto auto;display:flex;flex-direction:column;gap:20px;background-color:#fff;border:1px solid var(--color-border);box-shadow:0 2px 4px var(--color-shadow);border-radius:10px;transition:all .4s ease}.auth-card h3{text-align:center}.auth-card .block{display:flex;flex-direction:column;gap:5px}.auth-card .auth-link{text-decoration:underline;cursor:pointer;color:var(--color-primary)}.new-ticket{display:flex;flex-direction:column;gap:20px;margin:20px auto auto;width:600px;padding:20px;background-color:#fff;border:1px solid var(--color-border);box-shadow:0 2px 4px var(--color-shadow);border-radius:10px;transition:all .4s ease}.new-ticket h3{text-align:center}.new-ticket .block{display:flex;flex-direction:column;gap:5px}.new-ticket .block span{font-size:12px}.upload-box{display:flex;flex-direction:column;gap:10px;border:1px solid var(--color-border);box-shadow:0 2px 4px var(--color-shadow);border-radius:10px;padding:10px;justify-content:center;align-items:center;cursor:pointer}.upload-box span{font-size:11px!important}.upload-box:hover{border:1px solid var(--color-border);box-shadow:1 2px 4px var(--color-shadow);border-radius:10px;padding:10px}.two-column{display:flex;flex-direction:row;gap:20px}.two-column .block{width:100%}.overlay{position:fixed;width:100%;height:100%;top:0;left:0;z-index:100;background-color:#00000080;display:flex;align-items:center;justify-content:center}.overlay-content{background-color:var(--color-bg);width:clamp(300px,50%,600px);padding:20px;border:1px solid var(--color-border);box-shadow:0 2px 4px var(--color-shadow);border-radius:10px;transition:all .4s ease;height:fit-content;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.overlay-content .header{width:100%;display:flex;justify-content:space-between;align-items:center}.overlay-content.document{width:clamp(300px,90%,100%)}.details{display:flex;flex-direction:column;gap:10px}.details-data{display:flex;flex-direction:column;gap:5px}.details-data p{font-size:14px}.label-name{display:inline-block;width:80px!important}.images{display:flex;flex-direction:row;gap:10px}.images img{width:50px;height:50px;border:1px solid var(--color-border);box-shadow:0 2px 4px var(--color-shadow);border-radius:10px;transition:all .4s ease;object-fit:cover;cursor:pointer}hr{border-top:1px solid var(--color-border);border-bottom:0}.table-container{width:100%;max-width:100%;overflow-x:auto;border-radius:8px;box-shadow:0 2px 5px #0000001a;background-color:#fff;border:1px solid var(--color-border);display:flex;flex-direction:column}th .classic-table td{width:100%;border-collapse:collapse;table-layout:fixed;background-color:var(--color-bg)}.classic-table th,.classic-table td{padding:8px 4px;text-align:left;border-bottom:1px solid #ddd;font-size:14px;word-break:break-word;color:#000!important;align-content:center}.classic-table,thead{padding-right:10px!important}.classic-table th:nth-child(1),.classic-table td:nth-child(1){width:40%;text-overflow:wrap}.classic-table td.priority{width:20%!important}.classic-table th{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.classic-table:not(.document) th:nth-child(2),.classic-table:not(.document) td:nth-child(2){width:25%;max-width:50%;text-overflow:wrap}.classic-table tbody{display:block;overflow-y:auto;max-height:400px}.classic-table thead,.classic-table tbody tr{display:table;width:100%;table-layout:fixed}.loader-container{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;top:50%;left:50%;transform:translate(-50%,-50%)}.loader{width:60px;aspect-ratio:4;background:radial-gradient(circle closest-side,#000 90%,#0000) 0 / calc(100% / 3) 100% space;clip-path:inset(0 100% 0 0);animation:l1 1s steps(4) infinite;margin:auto}@keyframes l1{to{clip-path:inset(0 -34% 0 0)}}.failure-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:#b91c1c;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-align:center;padding:20px}.failure-icon{font-size:4rem;animation:pulse 1.2s infinite}.failure-message{margin-top:15px;font-size:1.25rem;font-weight:500}.selected-task{border:2px solid var(--color-selected-task);border-radius:12px;transition:all .2s ease}#description-row{width:100%;max-width:100%}.notfication-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#5926e2}.full-page-loading{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.active-table-filter{background-color:#c0c8d8!important}.expand-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:45px;overflow:hidden;white-space:nowrap;border:none;padding:10px;cursor:pointer;transition:width .3s ease,background .3s ease}.expand-btn .text{opacity:0;transition:opacity .2s ease}.expand-btn:hover{width:160px;justify-content:flex-start;padding-left:15px}.expand-btn:hover.ticket{width:130px;justify-content:flex-start;padding-left:15px}.expand-btn .icon{margin-top:4px;padding-left:110px}.expand-btn.ticket .icon{margin-top:4px;padding-left:85px}.expand-btn:hover .icon{padding-left:0}.expand-btn:hover .text{opacity:1}.system-update-record{display:flex;width:100%;justify-content:space-between;flex-direction:row;padding:8px 4px;gap:10px;font-size:14px;border-bottom:1px solid var(--color-border)}.system-update-record.header{font-weight:700;border-bottom:1px solid var(--color-border)}.notification{position:absolute;top:3px;right:3px;width:15px;height:15px;border-radius:50%;background-color:var(--color-primary);color:#fff;display:flex;justify-content:center;align-items:center;font-size:8px;font-weight:700}@media (min-width: 1400px){.tickets-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 600px){.new-ticket{font-size:smaller!important;height:95vh;max-height:fit-content;width:90%;padding:10px;overflow-y:auto;margin:15px auto}.auth-card{width:90%}.left-side-bar-overlay{position:absolute!important;width:100vw!important;height:100vh!important;top:0!important;left:0!important;z-index:100!important;background-color:#00000080}.close-overlay{display:flex;position:absolute;top:5px;right:5px;width:100%;justify-content:flex-end}.side-bar{position:absolute!important;width:clamp(200px,80%,400px)!important;height:fit-content!important;border-radius:10px;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:101!important;background-color:var(--color-bg)}.glb-btn{font-size:12px!important;padding:5px 10px!important}.glb-btn.smaller{font-size:10px!important;padding:4px 8px!important}.overlay-content{padding:10px}.classic-table th,.classic-table td{font-size:12px!important}.classic-table{width:600px;overflow-x:scroll}}.icon-btn{background:transparent;border:none;cursor:pointer;padding:10px}.auth-layout{display:flex;align-items:center;justify-content:center;height:100dvh;background-color:var(--color-bg);padding:20px}.status-circle{width:13px;height:13px;border-radius:50%;display:inline-block;border:1px solid #ccc}.MuiInputBase-root.MuiSelect-root{height:38px}.link-badge{position:absolute;top:2px;right:2px;background-color:var(--color-danger);color:#fff;border-radius:12px;display:flex;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700}.star:hover{color:var(--color-primary);cursor:pointer;transform:scale(1.2)}.datetime-wrapper{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:2px 8px;display:inline-flex;align-items:center;transition:all .2s ease-in-out}.datetime-wrapper:hover{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.fancy-datetime-input{border:none;outline:none;background:transparent;font-size:16px;font-weight:500;color:#334155;cursor:pointer;font-family:inherit;padding:4px 0}.fancy-datetime-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(45%) sepia(80%) saturate(2000%) hue-rotate(220deg);opacity:.7}.fancy-datetime-input::-webkit-calendar-picker-indicator:hover{opacity:1}.doc-task-card{display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--color-border);border-radius:10px;padding:12px;background:#5555550b;min-height:260px;max-height:260px;overflow:hidden;box-shadow:0 2px 6px var(--color-shadow);transition:box-shadow .18s ease,transform .12s ease;position:relative;gap:10px}.doc-task-header{display:flex;gap:12px;align-items:flex-start}.doc-task-id{background:#f5f4ff;color:var(--nav-icons, #5459ac);font-weight:700;padding:6px 10px;border-radius:8px;min-width:46px;text-align:center;font-size:var(--font-sm)}.doc-task-title{font-size:var(--font-sm);font-weight:700;flex:1;line-height:1.1;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.doc-task-mini-status{display:flex;gap:8px;align-items:center}.mini-flag{display:flex;gap:6px;font-size:13px;cursor:pointer;transition:all .2s ease-in-out;min-width:70px;justify-content:center;align-items:center;border-radius:8px;background-color:#fff;padding-block:3px;padding-inline:12px}.mini-flag:hover{color:#fff;background-color:var(--color-primary)}.mini-flag input{font-size:102px;width:15px;height:15px}.mini-label{font-size:13px}.doc-task-date{font-size:var(--font-sm);color:var(--color-muted)}.doc-task-main{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start;overflow:hidden}.doc-assignees-col{display:flex;flex-direction:column;gap:8px;min-width:350px}.assignee-row{display:flex;gap:8px;align-items:center}.assignee-label{width:56px;font-size:var(--font-sm);color:var(--color-muted)}.assignee-controls{display:flex;gap:10px;align-items:center;flex:1}.inline-checkbox{display:inline-flex;gap:6px;align-items:center;font-size:13px;color:#444}.inline-checkbox input{width:16px;height:16px}.inline-checkbox.compact span{font-size:12px}.system-stars-row{display:flex;gap:12px;align-items:center;margin-top:4px}.rating-stars{display:flex;gap:6px;align-items:center;font-size:16px;color:#222}.rating-stars .star{cursor:pointer;transition:transform .12s ease}.rating-stars .star:hover{transform:scale(1.15);color:var(--color-primary)}.doc-desc-col{display:flex;flex-direction:column;gap:8px;min-height:120px}.desc-box{background:#fbfbff;border:1px solid rgba(84,89,172,.05);padding:10px;border-radius:8px;min-height:80px;max-height:110px;overflow:auto;font-size:13px;color:#333}.desc-placeholder{color:var(--color-muted);font-size:13px}.desc-edit-row{display:flex;gap:8px;align-items:flex-end;margin-top:4px}.desc-actions{display:flex;flex-direction:column;gap:8px}.doc-task-footer{display:flex;gap:12px;justify-content:space-between;border-top:1px solid var(--color-border);padding-top:8px;font-size:12px;color:var(--color-muted)}.times-col{display:flex;gap:12px;align-items:center}.time-label{font-size:11px;color:#666}.time-value{font-size:12px;color:#333}.doc-task-card.selected{box-shadow:0 8px 30px #5459ac14;border-color:#5459ac38;transform:translateY(-2px)}@media (max-width: 900px){.doc-task-main{grid-template-columns:1fr}.doc-task-card{min-height:320px;max-height:320px}.doc-task-footer{flex-direction:column;gap:6px;align-items:flex-start}}.description-popup{position:fixed;width:100%;height:85%;max-height:80vh;bottom:0%;left:0;background-color:#fff;padding:25px}.desc-edit-row{height:100%;width:100%}.desc-edit-row .MuiBox-root{width:100%;overflow-y:auto}.desc-edit-row .MuiBox-root textarea{max-height:85%}.popup .MuiStack-root{overflow:hidden!important}.user-tickets-page{min-height:100vh;background-color:var(--color-body-bg);font-family:system-ui,-apple-system,sans-serif}.tickets-header{background-color:var(--color-bg-alt);border-bottom:1px solid var(--color-border);padding:20px}.tickets-header-content{max-width:1280px;margin:0 auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.tickets-header-left{display:flex;flex-direction:column}.tickets-header-left h1{font-size:var(--font-3xl);font-weight:700;color:var(--color-text);margin:0 0 4px}.tickets-subtitle{color:var(--color-muted);margin:0;font-size:var(--font-sm)}.tickets-header-right{display:flex;flex-direction:column;gap:12px}.status-legend{display:flex;flex-wrap:wrap;gap:12px;padding:12px;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:8px}.status-legend-item{display:flex;align-items:center;gap:8px}.status-circle{width:12px;height:12px;border-radius:50%;display:inline-block}.status-label{font-size:var(--font-sm);font-weight:500;color:var(--color-text)}.status-count-badge{font-size:var(--font-xs);padding:2px 8px;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;color:var(--color-muted)}.tickets-controls{display:flex;gap:8px;align-items:center}.tickets-select{padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;background-color:var(--color-bg-alt);font-size:var(--font-sm);min-width:160px;color:var(--color-text)}.view-toggle{display:flex;border:1px solid var(--color-border);border-radius:6px;overflow:hidden}.view-toggle-btn{padding:8px 16px;border:none;background-color:var(--color-bg-alt);cursor:pointer;font-size:var(--font-sm);color:var(--color-text);transition:all .2s ease}.view-toggle-btn.active{background-color:var(--color-primary);color:#fff}.view-toggle-btn:hover:not(.active){background-color:var(--color-bg)}.tickets-group{margin-bottom:32px;padding:0 20px}.tickets-group-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-top:16px}.tickets-group-title{font-size:var(--font-lg);font-weight:600;color:var(--color-text);margin:0}.tickets-group-count{font-size:var(--font-sm);padding:4px 12px;background-color:var(--color-bg);border-radius:12px;color:var(--color-muted);border:1px solid var(--color-border)}.tickets-list-container{display:flex;flex-direction:column;gap:8px}.empty-state{text-align:center;padding:48px;background-color:var(--color-bg-alt);border-radius:8px;border:1px solid var(--color-border);margin:20px}.empty-icon{font-size:48px;margin-bottom:16px}.empty-state h3{font-size:var(--font-lg);font-weight:500;color:var(--color-text);margin:0 0 8px}.empty-state p{color:var(--color-muted);margin:0}.ticket-modal{max-width:700px;width:90%}.ticket-modal .header{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--color-border)}.ticket-modal .header h3{font-size:var(--font-xl);font-weight:600;color:var(--color-text);margin:0}.ticket-modal .close-btn{border:none;background-color:transparent;font-size:28px;cursor:pointer;color:var(--color-muted);padding:4px 8px;border-radius:4px;transition:all .2s ease}.ticket-modal .close-btn:hover{background-color:var(--color-bg);color:var(--color-text)}.loading-images{padding:10px;text-align:center;color:var(--color-muted);font-size:var(--font-sm)}.ticket-modal-body{margin-top:15px}.ticket-modal-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;align-items:center}.status-badge{font-size:var(--font-xs);padding:4px 12px;border-radius:12px;font-weight:500}.meta-item{font-size:var(--font-sm);color:var(--color-muted)}.ticket-modal-text{font-size:var(--font-sm);color:var(--color-text);line-height:1.7;margin:0;white-space:pre-wrap}@media (max-width: 768px){.tickets-header-content{flex-direction:column;align-items:flex-start}.tickets-header-right,.status-legend{width:100%}.tickets-controls{width:100%;flex-wrap:wrap}.tickets-select{flex:1}.tickets-grid{grid-template-columns:1fr}.tickets-group{padding:0 10px}}.deadline-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.deadline-popup{background-color:var(--color-bg-alt);border-radius:16px;box-shadow:0 20px 40px #0000004d;max-width:500px;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.deadline-popup-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.deadline-popup-title{display:flex;align-items:center;gap:10px}.deadline-popup-title h3{margin:0;font-size:var(--font-lg);font-weight:600}.deadline-popup-title .warning-icon{font-size:24px;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.deadline-popup-close{background:#fff3;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;color:#fff}.deadline-popup-close:hover{background:#ffffff4d}.deadline-popup-subtitle{padding:16px 20px 8px;margin:0;font-size:var(--font-sm);color:var(--color-muted)}.deadline-tasks-list{padding:0 20px;overflow-y:auto;max-height:400px;display:flex;flex-direction:column;gap:12px}.deadline-task-item{padding:14px;border-radius:10px;cursor:pointer;transition:all .2s ease;border-left:4px solid}.deadline-task-item:hover{transform:translate(4px);box-shadow:0 4px 12px #0000001a}.deadline-task-item.urgency-high{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-left-color:#ef4444}.deadline-task-item.urgency-medium{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-left-color:#f59e0b}.deadline-task-item.urgency-low{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-left-color:#22c55e}.deadline-task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.deadline-task-id{font-weight:700;color:var(--color-primary);font-size:var(--font-sm)}.deadline-task-type{font-size:var(--font-xs);padding:2px 8px;background:var(--color-primary);color:#fff;border-radius:10px;font-weight:500}.deadline-task-note{font-size:var(--font-sm);font-weight:600;color:var(--color-text);margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.deadline-task-project{font-size:var(--font-xs);color:var(--color-muted);margin-bottom:8px}.deadline-task-footer{display:flex;justify-content:space-between;align-items:center}.deadline-task-time{display:flex;align-items:center;gap:4px;font-size:var(--font-xs);font-weight:600;color:#dc2626}.deadline-task-stars{display:flex;gap:2px;font-size:14px}.deadline-popup-actions{padding:16px 20px;display:flex;justify-content:center;border-top:1px solid var(--color-border);background:var(--color-bg)}.link-badge{position:absolute;top:2px;right:5px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.link-badge.urgent{background:linear-gradient(135deg,#ef4444,#dc2626);animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 0 #ef444466}50%{transform:scale(1.05);box-shadow:0 0 0 4px #ef444400}}.dashboard-page{padding:24px;min-height:calc(100vh - 60px);background:linear-gradient(135deg,#f8fafc,#e2e8f0);animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .dashboard-page{background:linear-gradient(135deg,#0f172a,#1e293b)}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:20px;margin-bottom:28px}.dashboard-title-section{display:flex;flex-direction:column;gap:6px}.dashboard-title{font-size:1.75rem;font-weight:700;color:var(--color-text);display:flex;align-items:center;gap:12px;margin:0}.dashboard-title svg{color:var(--color-primary)}.dashboard-subtitle{font-size:.9rem;color:var(--color-muted);margin:0}.dashboard-filters{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end}.filter-item{display:flex;flex-direction:column;gap:6px;min-width:180px}.filter-item label{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:500;color:var(--color-muted)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.stats-grid{grid-template-columns:1fr}}.stat-card{display:flex;align-items:center;gap:16px;padding:24px;border-radius:16px;background:#fff;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 20px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001a}[data-theme=dark] .stat-card{background:#1e293bcc;border:1px solid rgba(255,255,255,.05)}.stat-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:14px;font-size:26px;flex-shrink:0}.stat-card-total .stat-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-card-completed .stat-icon{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.stat-card-progress .stat-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.stat-card-overdue .stat-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.stat-content{display:flex;flex-direction:column;gap:4px}.stat-value{font-size:2rem;font-weight:700;color:var(--color-text);line-height:1;display:flex;align-items:baseline;gap:8px}.stat-percent{font-size:.9rem;font-weight:500;padding:3px 8px;border-radius:6px;background:#22c55e26;color:#16a34a}.stat-label{font-size:.875rem;color:var(--color-muted);font-weight:500}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:28px}@media (max-width: 900px){.charts-grid{grid-template-columns:1fr}}.chart-card{background:#fff;border-radius:16px;padding:24px;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 20px #0000000f}.chart-card-wide{grid-column:span 2}@media (max-width: 900px){.chart-card-wide{grid-column:span 1}}[data-theme=dark] .chart-card{background:#1e293bcc;border:1px solid rgba(255,255,255,.05)}.chart-title{font-size:1rem;font-weight:600;color:var(--color-text);margin:0 0 16px;display:flex;align-items:center;gap:8px}.chart-title svg{color:var(--color-primary)}.chart-container{width:100%;min-height:280px}.recent-tasks-section{background:#fff;border-radius:16px;padding:24px;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 20px #0000000f}[data-theme=dark] .recent-tasks-section{background:#1e293bcc;border:1px solid rgba(255,255,255,.05)}.section-title{font-size:1rem;font-weight:600;color:var(--color-text);margin:0 0 16px;display:flex;align-items:center;gap:8px}.section-title svg{color:var(--color-primary)}.recent-tasks-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1400px){.recent-tasks-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1000px){.recent-tasks-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.recent-tasks-grid{grid-template-columns:1fr}}.task-item{background:#f8fafc;border-radius:12px;padding:16px;border-left:4px solid transparent;transition:all .2s ease;display:flex;flex-direction:column;gap:10px}.task-item:hover{transform:translate(4px);box-shadow:0 4px 12px #00000014}.task-item.task-completed{border-left-color:#22c55e}.task-item.task-active{border-left-color:#3b82f6}[data-theme=dark] .task-item{background:#0f172a99}.task-header{display:flex;justify-content:space-between;align-items:center}.task-id{font-size:.75rem;font-weight:600;color:var(--color-primary)}.task-priority .star{color:#fbbf24;font-size:.75rem}.task-note{font-size:.875rem;font-weight:500;color:var(--color-text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-meta{display:flex;flex-direction:column;gap:6px}.task-project{font-size:.75rem;color:var(--color-muted)}.task-developers{display:flex;gap:6px;flex-wrap:wrap}.dev-tag{font-size:.65rem;padding:2px 6px;border-radius:4px;font-weight:500}.dev-tag.fe{background:#8b5cf626;color:#7c3aed}.dev-tag.be{background:#06b6d426;color:#0891b2}.task-status{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;margin-top:auto}.task-status.completed{color:#22c55e}.task-status.active{color:#3b82f6}.dashboard-loading{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:1000}[data-theme=dark] .dashboard-loading{background:#0f172ae6}.recharts-text{fill:var(--color-text)!important}.recharts-cartesian-axis-tick-value{fill:var(--color-muted)!important;font-size:12px!important}.recharts-legend-item-text{color:var(--color-text)!important}.recharts-tooltip-wrapper{z-index:100}.recharts-default-tooltip{background:var(--color-bg-alt)!important;border:1px solid var(--color-border)!important;border-radius:8px!important;box-shadow:0 4px 12px #0000001a!important}.recharts-tooltip-label{color:var(--color-text)!important;font-weight:600!important}.stat-card-clickable{cursor:pointer;position:relative;overflow:hidden}.stat-card-clickable:after{content:"Click to view";position:absolute;bottom:8px;right:12px;font-size:.65rem;color:var(--color-muted);opacity:0;transition:opacity .2s ease}.stat-card-clickable:hover:after{opacity:1}.stat-card-clickable:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 40px #00000026}.stat-card-clickable:active{transform:translateY(-2px) scale(.99)}.dashboard-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}.dashboard-modal{background:var(--color-bg-alt);border-radius:16px;width:100%;max-width:800px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--color-border)}.dashboard-modal-header h3{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:0}.dashboard-modal-close{background:none;border:none;cursor:pointer;color:var(--color-muted);padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.dashboard-modal-close:hover{background:var(--color-bg);color:var(--color-text)}.dashboard-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.dashboard-modal-empty{text-align:center;padding:40px;color:var(--color-muted);font-size:1rem}.dashboard-modal-tasks{display:flex;flex-direction:column;gap:12px}.modal-task-item{background:var(--color-bg);border-radius:12px;padding:16px;border-left:4px solid transparent;transition:all .2s ease}.modal-task-item:hover{box-shadow:0 4px 12px #00000014}.modal-task-item.task-completed{border-left-color:#22c55e}.modal-task-item.task-active{border-left-color:#3b82f6}.modal-task-item.task-overdue{border-left-color:#ef4444;background:#ef44440d}.modal-task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.modal-task-note{font-size:.9rem;font-weight:500;color:var(--color-text);line-height:1.5;margin-bottom:10px}.modal-task-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.modal-task-date{font-size:.75rem;color:var(--color-muted);margin-top:8px;padding-top:8px;border-top:1px solid var(--color-border)}[data-theme=dark] .modal-task-item{background:#0f172a99}[data-theme=dark] .modal-task-item.task-overdue{background:#ef44441a}.modal-task-dates{display:flex;flex-direction:column;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid var(--color-border)}.modal-date-row{display:flex;align-items:center;gap:8px;font-size:.75rem}.date-label{color:var(--color-muted);min-width:55px;font-weight:500}.date-value{color:var(--color-text)}.date-value.done{color:#22c55e;font-weight:500}.days-late{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:2px 8px;border-radius:10px;font-size:.65rem;font-weight:600;margin-left:auto;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.PhotoView-Portal{direction:ltr;height:100%;left:0;overflow:hidden;position:fixed;top:0;touch-action:none;width:100%;z-index:2000}@keyframes PhotoView__rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes PhotoView__delayIn{0%,50%{opacity:0}to{opacity:1}}.PhotoView__Spinner{animation:PhotoView__delayIn .4s linear both}.PhotoView__Spinner svg{animation:PhotoView__rotate .6s linear infinite}.PhotoView__Photo{cursor:grab;max-width:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.PhotoView__Photo:active{cursor:grabbing}.PhotoView__icon{display:inline-block;left:0;position:absolute;top:0;transform:translate(-50%,-50%)}.PhotoView__PhotoBox,.PhotoView__PhotoWrap{bottom:0;direction:ltr;left:0;position:absolute;right:0;top:0;touch-action:none;width:100%}.PhotoView__PhotoWrap{overflow:hidden;z-index:10}.PhotoView__PhotoBox{transform-origin:left top}@keyframes PhotoView__fade{0%{opacity:0}to{opacity:1}}.PhotoView-Slider__clean .PhotoView-Slider__ArrowLeft,.PhotoView-Slider__clean .PhotoView-Slider__ArrowRight,.PhotoView-Slider__clean .PhotoView-Slider__BannerWrap,.PhotoView-Slider__clean .PhotoView-Slider__Overlay,.PhotoView-Slider__willClose .PhotoView-Slider__BannerWrap:hover{opacity:0}.PhotoView-Slider__Backdrop{background:#000;height:100%;left:0;position:absolute;top:0;transition-property:background-color;width:100%;z-index:-1}.PhotoView-Slider__fadeIn{animation:PhotoView__fade linear both;opacity:0}.PhotoView-Slider__fadeOut{animation:PhotoView__fade linear reverse both;opacity:0}.PhotoView-Slider__BannerWrap{align-items:center;background-color:#00000080;color:#fff;display:flex;height:44px;justify-content:space-between;left:0;position:absolute;top:0;transition:opacity .2s ease-out;width:100%;z-index:20}.PhotoView-Slider__BannerWrap:hover{opacity:1}.PhotoView-Slider__Counter{font-size:14px;opacity:.75;padding:0 10px}.PhotoView-Slider__BannerRight{align-items:center;display:flex;height:100%}.PhotoView-Slider__toolbarIcon{fill:#fff;box-sizing:border-box;cursor:pointer;opacity:.75;padding:10px;transition:opacity .2s linear}.PhotoView-Slider__toolbarIcon:hover{opacity:1}.PhotoView-Slider__ArrowLeft,.PhotoView-Slider__ArrowRight{align-items:center;bottom:0;cursor:pointer;display:flex;height:100px;justify-content:center;margin:auto;opacity:.75;position:absolute;top:0;transition:opacity .2s linear;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:70px;z-index:20}.PhotoView-Slider__ArrowLeft:hover,.PhotoView-Slider__ArrowRight:hover{opacity:1}.PhotoView-Slider__ArrowLeft svg,.PhotoView-Slider__ArrowRight svg{fill:#fff;background:#0000004d;box-sizing:content-box;height:24px;padding:10px;width:24px}.PhotoView-Slider__ArrowLeft{left:0}.PhotoView-Slider__ArrowRight{right:0}