body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.main-page{@extend .page-container;padding:var(--spacing-md)}.page-container{height:100vh;margin:0;overflow:hidden;padding:0;width:100vw}.page-header{border-radius:0;margin:0;min-height:60px}.page-header div{flex:1 1}.page-header h1{color:#fff;padding:0}.page-header p{color:#ffffffe6;font-size:14px;margin:2px 0 0;padding:0}.page-content{-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;margin:var(--spacing-sm)}.page-grid{grid-gap:var(--spacing-md);display:grid;flex:1 1;gap:var(--spacing-md);grid-template-columns:1fr;padding:var(--spacing-sm) 0}.page-card{@extend .card;-webkit-tap-highlight-color:transparent;align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:var(--radius-medium);box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;height:100%;min-height:160px;min-width:100%;padding:var(--spacing-lg);text-align:center;text-decoration:none;transition:all .2s ease}.page-card:active{box-shadow:0 1px 4px #0000000d;transform:scale(.98)}.card-icon{display:block;font-size:40px;margin-bottom:var(--spacing-sm)}.page-card h2{color:var(--text-primary);font-size:16px;font-weight:600;line-height:1.2;margin:var(--spacing-xs) 0}.page-card p{color:var(--text-secondary);flex:1 1;font-size:14px;line-height:1.4;margin:0}.logout-button{@extend .btn-danger;background-color:#e74c3c1a;border:1px solid var(--error-color);border-radius:var(--radius-medium);color:var(--error-color);cursor:pointer;font-size:14px;min-height:44px;min-width:44px;outline:none;padding:var(--spacing-sm) var(--spacing-md)}.logout-button:active{background-color:#e74c3c33}@media (min-width:768px){.page-grid{grid-template-columns:repeat(2,1fr)}.page-card{min-height:200px}.page-header h1{font-size:24px}.page-header p{font-size:16px}}@media (min-width:1024px){.page-container{box-shadow:0 0 20px #0000001a;margin:0 auto;max-width:1200px}}@media (orientation:landscape){.page-grid{gap:var(--spacing-sm)}.page-card{min-height:140px;padding:var(--spacing-md)}.card-icon{font-size:32px;margin-bottom:var(--spacing-xs)}}.ai-chat-container{background-color:#fff;box-shadow:0 0 10px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - 180px);margin:0 auto;max-height:calc(100vh - 180px);max-width:450px;position:relative;width:100%}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:1rem;min-height:0;overflow-y:auto;padding:1rem;scroll-behavior:smooth}.message{word-wrap:break-word;max-width:75%}.message.user{align-self:flex-end}.message.ai{align-self:flex-start}.message-content{border-radius:18px;padding:.75rem 1rem;position:relative}.message.user .message-content{background-color:#4a90e2;border-bottom-right-radius:5px;color:#fff}.message.ai .message-content{background-color:#f0f0f0;border-bottom-left-radius:5px;color:#333}.message-time{display:block;font-size:.7rem;margin-top:.25rem;opacity:.7}.message.ai .message-time{text-align:right}.typing-indicator{display:flex;gap:3px;padding:8px}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background-color:#666;border-radius:50%;height:6px;width:6px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.chat-input-container{background-color:#fff;border-top:1px solid #eee;display:flex;flex-shrink:0;gap:.5rem;padding:1rem}.chat-input{border:1px solid #ddd;border-radius:20px;flex:1 1;font-family:inherit;font-size:1rem;line-height:1.4;max-height:120px;min-height:40px;outline:none;padding:.75rem;resize:none}.chat-input:focus{border-color:#4a90e2}.send-button{background-color:#4a90e2;border:none;border-radius:20px;color:#fff;cursor:pointer;flex-shrink:0;font-size:1rem;font-weight:500;padding:.75rem 1.25rem;transition:background-color .2s}.send-button:hover:not(:disabled){background-color:#357abd}.send-button:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width:768px){.ai-chat-container{box-shadow:none;height:100vh;max-width:100%}}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#f1f1f1}.chat-messages::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#aaa}:root{--primary-color:#4a90e2;--primary-hover:#357abd;--background-color:#f8f9fa;--card-background:#fff;--text-primary:#333;--text-secondary:#666;--text-tertiary:#999;--border-color:#ddd;--border-light:#eee;--success-color:#2ecc71;--error-color:#e74c3c;--warning-color:#f39c12;--shadow-light:0 2px 4px #0000001a;--shadow-medium:0 2px 8px #0000001a;--shadow-heavy:0 4px 20px #0000001a;--radius-small:6px;--radius-medium:8px;--radius-large:12px;--radius-xl:16px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px}body,html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;height:100%;margin:0;padding:0}body{background-color:#f8f9fa;background-color:var(--background-color);color:#333;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5}.page-container{background-color:#f8f9fa}.page-header{background-color:#4a90e2;box-shadow:0 2px 4px #0000001a;padding:16px}.back-button{-webkit-tap-highlight-color:transparent;border-radius:6px;padding:4px 16px;transition:background-color .2s}.back-button:active{transform:scale(.95)}.back-button:focus{outline:2px solid #fff;outline-offset:2px}.page-content{padding:16px;padding:var(--spacing-md)}.card{background-color:var(--card-background);border-radius:12px;border-radius:var(--radius-large);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-medium);margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:24px;padding:var(--spacing-lg);transition:transform .2s,box-shadow .2s}.card:last-child{margin-bottom:0}.card:active{box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-light);transform:scale(.98)}.btn{-webkit-tap-highlight-color:transparent;border-radius:8px;border-radius:var(--radius-medium);font-size:16px;min-height:44px;min-width:44px;transition:all .2s}.btn-primary{background-color:#4a90e2}.btn-primary:hover{background-color:#357abd}.btn-primary:active{transform:scale(.95)}.btn-primary:focus{outline:2px solid #4a90e2;outline:2px solid var(--primary-color);outline-offset:2px}.btn-secondary{background-color:#eee;background-color:var(--border-light);color:#666;color:var(--text-secondary)}.btn-secondary:hover{background-color:#ddd;background-color:var(--border-color)}.btn-secondary:active{transform:scale(.95)}.btn-secondary:focus{outline:2px solid #ddd;outline:2px solid var(--border-color);outline-offset:2px}.btn-danger{background-color:#e74c3c;background-color:var(--error-color)}.btn-danger:hover{background-color:#c0392b}.btn-danger:active{transform:scale(.95)}.btn-danger:focus{outline:2px solid #e74c3c;outline:2px solid var(--error-color);outline-offset:2px}.form-group{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.form-group label{color:#333;color:var(--text-primary);margin-bottom:4px;margin-bottom:var(--spacing-xs)}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-medium);box-sizing:border-box;font-family:inherit;font-size:16px;padding:8px;padding:var(--spacing-sm);transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4a90e2;border-color:var(--primary-color);box-shadow:0 0 0 3px #4a90e21a;outline:none}.table{border:1px solid #ddd;border:1px solid var(--border-color);border-collapse:collapse;border-radius:8px;border-radius:var(--radius-medium);overflow:hidden;width:100%}.table-header{background-color:#f8f9fa;background-color:var(--background-color);color:#333;color:var(--text-primary);font-weight:500}.table-row{border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color)}.table-row:last-child{border-bottom:none}.table-cell{color:#666;color:var(--text-secondary);font-size:14px;padding:8px;padding:var(--spacing-sm);text-align:left}.section-title{border-bottom:1px solid #eee;border-bottom:1px solid var(--border-light);color:#333;color:var(--text-primary);font-size:18px;font-weight:500;margin-bottom:16px;margin-bottom:var(--spacing-md);padding-bottom:4px;padding-bottom:var(--spacing-xs)}@media (max-width:768px){.page-header h1{font-size:18px}.card{padding:16px;padding:var(--spacing-md)}.btn{font-size:14px;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.text-center{text-align:center}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:8px;margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:16px;margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.page-container{transition:background-color .3s ease}.page-header{position:-webkit-sticky;position:sticky;top:0;transition:background-color .3s ease,box-shadow .3s ease;z-index:100}.page-header h1{font-weight:600;letter-spacing:.5px}.back-button{align-items:center;display:inline-flex;justify-content:center;min-height:44px;min-width:44px;outline:none;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all .2s ease}.back-button:hover{box-shadow:0 2px 8px #0003}.back-button:active{transform:translateY(0)}.page-content{flex:1 1;overflow-y:auto;padding:var(--spacing-sm)}.profile-container{background-color:var(--card-background);border-radius:var(--radius-large);box-shadow:var(--shadow-medium);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);transition:all .3s ease}.avatar-section{-webkit-tap-highlight-color:transparent;display:flex;justify-content:center;margin-bottom:var(--spacing-lg);padding-top:var(--spacing-md)}.avatar{border:4px solid var(--background-color);border-radius:50%;box-shadow:var(--shadow-light);cursor:pointer;height:120px;overflow:hidden;position:relative;transition:all .3s ease;width:120px}.avatar:hover{box-shadow:var(--shadow-medium);transform:scale(1.05)}.avatar img{height:100%;object-fit:cover;transition:filter .3s ease;width:100%}.avatar:hover img{filter:brightness(1.05)}.profile-info,.work-stats{-webkit-tap-highlight-color:transparent;margin-bottom:var(--spacing-lg)}.profile-info:last-child,.work-stats:last-child{margin-bottom:0}.profile-info h2,.work-stats h2{border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);position:relative}.profile-info h2:after,.work-stats h2:after{background-color:var(--primary-color);bottom:-1px;content:"";height:2px;left:0;position:absolute;width:40px}.info-table{background-color:var(--card-background);border:1px solid var(--border-light);border-collapse:collapse;border-radius:var(--radius-medium);margin-bottom:0;overflow:hidden;width:100%}.info-row{border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;transition:background-color .2s ease}.info-row:hover{background-color:#00000005}.info-row:last-child{border-bottom:none}.info-label{background-color:var(--background-color);border-bottom:1px solid var(--border-light);border-right:none;color:var(--text-secondary);font-size:13px;padding:var(--spacing-xs) var(--spacing-sm)}.info-label,.info-value{flex:0 0 100%;font-weight:500}.info-value{color:var(--text-primary);font-size:15px;padding:var(--spacing-sm)}.info-value,.stats-table{background-color:var(--card-background)}.stats-table{border:1px solid var(--border-light);border-collapse:collapse;border-radius:var(--radius-medium);box-shadow:0 1px 3px #0000000d;margin-bottom:0;margin-top:20px;overflow:hidden;width:100%}.stats-header{border-bottom:2px solid var(--primary-color);display:flex;flex-wrap:wrap;font-weight:500}.stats-header,.stats-header .stats-cell{background-color:var(--background-color);color:var(--text-primary)}.stats-header .stats-cell{font-weight:600}.stats-row{border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;transition:background-color .2s ease}.stats-row:hover{background-color:#00000005}.stats-row:last-child{border-bottom:none}.stats-cell{color:var(--text-secondary);flex:0 0 100%;font-size:14px;padding:var(--spacing-sm);text-align:left}.stats-cell,.stats-cell:last-child{border-bottom:1px solid var(--border-light);border-right:none}.stats-row:last-child .stats-cell{border-bottom:none}.stats-count{color:var(--primary-color);font-weight:600}@media (min-width:768px){.avatar{height:150px;width:150px}.profile-container{padding:var(--spacing-lg)}.info-label{border-bottom:none;border-right:1px solid var(--border-light);flex:0 0 30%}.info-value{flex:0 0 70%}.stats-cell{border-bottom:1px solid var(--border-light);border-right:1px solid var(--border-light);flex:0 0 33.33%;text-align:center}.stats-cell:last-child{border-right:none}}@media (min-width:1024px){.page-content{margin:0 auto;max-width:800px;padding:var(--spacing-lg)}.profile-container{margin-top:var(--spacing-lg)}}@media (prefers-color-scheme:dark){.page-container{background-color:#1a202c}.profile-container{background-color:#2d3748}.info-label{background-color:#1a202c}.info-value,.stats-table{background-color:#2d3748}.stats-header{background-color:#1a202c}.stats-count{color:#3182ce}.avatar{border-color:#1a202c}.info-row:hover,.stats-row:hover{background-color:#ffffff0d}}@media (hover:none) and (pointer:coarse){.back-button:hover{box-shadow:none;transform:none}.avatar:hover{transform:none}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.task-list-container{background-color:#f5f5f5;box-sizing:border-box;min-height:100vh;padding:20px;width:100%}.task-header{align-items:center;border-bottom:1px solid #e8e8e8;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.task-header .section-title{color:#262626;font-size:28px;font-weight:700;margin:0}.add-task-form{border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.add-task-form:hover{box-shadow:0 4px 12px #00000026}.form-group{margin-bottom:16px}.form-group label{color:#262626;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-control{border:1px solid #d9d9d9;border-radius:4px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:all .3s ease;width:100%}.form-control:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33;outline:none}.btn{border-radius:4px;min-width:80px;padding:8px 16px;text-align:center}.btn-primary{background-color:#1890ff}.btn-primary:hover{background-color:#40a9ff;box-shadow:0 2px 8px #1890ff4d}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:#fff;border:1px solid #d9d9d9;color:#333}.btn-secondary:hover{background-color:#f0f8ff;border-color:#1890ff;color:#1890ff}.btn-danger{background-color:#ff4d4f;color:#fff}.btn-danger:hover{background-color:#ff7875;box-shadow:0 2px 8px #ff4d4f4d;transform:translateY(-1px)}.btn-group{display:flex;gap:10px}.task-item{border:1px solid #f0f0f0;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px}.task-item:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.task-item.task-completed{background-color:#fafafa;border-left:4px solid #52c41a}.task-item.task-pending{border-left:4px solid #faad14}.task-item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.task-title{align-items:center;color:#262626;display:flex;font-size:18px;gap:8px;margin:0 0 8px}.task-title.task-completed{color:#52c41a}.task-title.task-pending{color:#faad14}.task-id{color:#999;font-size:12px;font-weight:400;margin-left:8px}.delete-task-btn{border-radius:4px;color:#999}.delete-task-btn:hover{background-color:#fff2f0;color:#ff4d4f}.task-description{color:#666;margin-bottom:12px;white-space:pre-wrap}.task-footer{align-items:center;color:#999;margin-bottom:12px}.task-date{display:flex}.task-date,.task-status{align-items:center;gap:4px}.task-status{border-radius:16px;display:inline-flex;font-size:14px;padding:4px 12px}.task-status.task-completed{background-color:#f6ffed;color:#52c41a}.task-status.task-pending{background-color:#fffbe6;color:#faad14}.task-actions{display:flex;gap:8px;margin-top:12px}.task-stats{border:1px solid #f0f0f0;border-radius:8px;box-shadow:0 2px 8px #0000001a;justify-content:space-around;margin-top:24px;padding:24px}.stat-item{border-radius:8px;padding:16px}.stat-item:hover{background-color:#fafafa;transform:scale(1.05)}.stat-number{color:#1890ff;font-size:32px;font-weight:700;margin-bottom:8px}.stat-number.completed{color:#52c41a}.stat-number.pending{color:#faad14}.stat-label{color:#666;display:block;font-size:14px;font-weight:500}.modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:90%}.modal-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:20px 24px}.modal-title{color:#262626;font-size:18px;font-weight:500;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .3s ease;width:32px}.modal-close:hover{background-color:#f0f0f0;color:#666}.modal-body{flex:1 1;overflow-y:auto;padding:0}.modal-footer{border-top:1px solid #f0f0f0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.image-upload-pairs{max-height:60vh;overflow-y:auto}.image-upload-pair{border-bottom:1px solid #f0f0f0;gap:20px;padding:20px 24px;transition:background-color .3s ease}.image-upload-pair:hover{background-color:#fafafa}.image-header{margin-bottom:12px}.image-description{color:#333;margin-bottom:8px}.image-thumbnail{align-items:center;background-color:#fafafa;border:1px solid #d9d9d9;border-radius:4px;display:flex;height:150px;justify-content:center;width:200px}.image-thumbnail:hover{border-color:#1890ff;box-shadow:0 2px 8px #1890ff33}.image-thumbnail img{max-height:100%;max-width:100%;object-fit:contain}.file-placeholder{color:#999;padding:20px;text-align:center}.file-icon{display:block}.file-type{font-size:14px}.image-upload-area{flex:2 1;gap:12px}.upload-button{background-color:#fafafa;border:2px dashed #d9d9d9;border-radius:4px;color:#666;font-size:14px;font-weight:500;padding:16px 20px}.upload-button:hover{background-color:#f0f8ff;border-color:#1890ff;color:#1890ff}.upload-button input{display:none}.image-uploaded-files{gap:8px;max-height:200px;overflow-y:auto}.uploaded-file-item{background-color:#f5f5f5;border-radius:4px;font-size:14px;gap:12px;padding:10px 12px;transition:background-color .3s ease}.uploaded-file-item:hover{background-color:#f0f0f0}.file-name{color:#333}.file-size{color:#999;min-width:60px;text-align:right}.file-status{border-radius:12px;font-size:12px;font-weight:500;min-width:60px;padding:2px 8px;text-align:center}.file-status.staged{background-color:#e6f7ff;color:#1890ff}.file-status.uploading{background-color:#fff7e6;color:#fa8c16}.file-status.success{background-color:#f6ffed;color:#52c41a}.file-status.error{background-color:#fff1f0;color:#ff4d4f}.delete-file-btn{border-radius:4px;color:#999;padding:4px}.delete-file-btn:hover{background-color:#fff2f0;color:#ff4d4f}.task-submit-container{border-top:1px solid #eee;padding:20px 24px;text-align:center}.image-gallery{height:80vh;padding:20px}.gallery-content{text-align:center}.gallery-image{border-radius:4px;box-shadow:0 4px 20px #0003;max-height:70vh}.gallery-counter{border-radius:16px;font-size:14px;font-weight:500;padding:6px 12px}.gallery-description{background-color:#fafafa;border-radius:4px;color:#333;font-size:16px;font-weight:500;margin-top:20px;padding:10px}.next-image,.prev-image{align-items:center;display:flex;height:60px;justify-content:center;width:60px}.next-image:hover,.prev-image:hover{background-color:#000000b3}.file-preview-content{padding:24px}.file-info{font-size:14px;margin-bottom:20px}.file-info-item{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.file-info-label{color:#666;font-weight:500;min-width:80px}.file-info-value{color:#333;flex:1 1;word-break:break-all}.file-preview-tips{background-color:#f5f5f5;color:#666;font-size:14px;padding:12px}.additional-templates-modal{max-height:70vh;overflow-y:auto}.template-item{border-bottom:1px solid #f0f0f0;padding:16px 24px;transition:background-color .3s ease}.template-item:hover{background-color:#fafafa}.template-item:last-child{border-bottom:none}.template-title{color:#333;font-size:16px;font-weight:500;margin-bottom:8px}.template-description{color:#666;font-size:14px;margin-bottom:12px}@media (max-width:768px){.task-list-container{padding:12px}.task-header{flex-direction:column;gap:16px;text-align:center}.task-header .section-title{font-size:24px}.task-item{padding:16px}.task-item-header{align-items:flex-start;flex-direction:column;gap:12px}.task-actions{flex-direction:column;width:100%}.task-actions .btn{width:100%}.task-stats{flex-direction:column;gap:12px}.stat-item{padding:12px}.stat-number{font-size:24px}.image-upload-pair{flex-direction:column;padding:16px}.image-thumbnail{height:200px;width:100%}.modal-content{margin:20px;width:95%}.modal-body,.modal-footer,.modal-header{padding:16px}.next-image,.prev-image{font-size:24px;height:48px;width:48px}.image-gallery{padding:10px}.add-task-form,.task-stats{padding:16px}.form-control{padding:8px 10px}.modal-content{border-radius:0;height:100%;margin:0;max-height:100vh;max-width:100%;width:100%}.image-thumbnail{height:150px}.btn-group{flex-direction:column;width:100%}.btn-group .btn{width:100%}}.loading{animation:spin 1s ease-in-out infinite;border:3px solid #1890ff33;border-radius:50%;border-top-color:#1890ff;display:inline-block;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{color:#999;padding:60px 20px;text-align:center}.empty-state-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state-message{font-size:16px;margin-bottom:24px}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{border-radius:3px}::-webkit-scrollbar-thumb{background:#888;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#555}*{box-sizing:border-box}.page-container{background-color:var(--background-color);display:flex;flex-direction:column;min-height:100vh}.page-header{align-items:center;background-color:var(--primary-color);box-shadow:var(--shadow-light);color:#fff;display:flex;justify-content:space-between;padding:var(--spacing-md)}.page-header h1{font-size:20px;font-weight:500;margin:0}.back-button{background-color:#fff3;border:none;border-radius:var(--radius-small);color:#fff;cursor:pointer;font-size:16px;padding:var(--spacing-xs) var(--spacing-md);transition:background-color .2s,transform .2s}.back-button:hover{background-color:#ffffff4d;transform:translateY(-1px)}.subpages-nav{background-color:#fff;border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-light);display:flex;overflow-x:auto;padding:var(--spacing-xs)}.nav-icon,.subpages-nav button.nav-item,.subpages-nav button.nav-item.active,.subpages-nav button.nav-item:hover:not(.active){font-size:24px;margin-bottom:var(--spacing-xs)}.nav-text{font-size:12px}.page-content,.subpages-content{flex:1 1;overflow-y:auto;padding:var(--spacing-sm);width:100%}.task-list-container{max-width:100%}.list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding:var(--spacing-md) 0}.list-header h2{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.btn-secondary{background-color:#f5f5f5;border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background-color:#e0e0e0;border-color:var(--border-light);transform:translateY(-1px)}.add-task-button{background-color:var(--primary-color);border:none;border-radius:var(--radius-small);box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:14px;padding:var(--spacing-sm) var(--spacing-md);transition:background-color .2s,transform .2s,box-shadow .2s}.add-task-button:hover{background-color:var(--primary-hover);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.add-task-form{background-color:#fff;border:1px solid var(--border-light);border-radius:var(--radius-medium);box-shadow:var(--shadow-light);margin-bottom:var(--spacing-md);padding:var(--spacing-md);transition:box-shadow .3s ease}.add-task-form:hover{box-shadow:0 4px 12px #0000001a}.add-task-form input,.add-task-form select,.add-task-form textarea{border:1px solid var(--border-color);border-radius:var(--radius-small);box-sizing:border-box;font-size:14px;margin-bottom:var(--spacing-sm);padding:10px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.add-task-form input:focus,.add-task-form select:focus,.add-task-form textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #1a73e81a;outline:none}.add-task-form textarea{min-height:60px;resize:vertical}.submit-task-button{background-color:var(--success-color);border:none;border-radius:var(--radius-small);color:#fff;cursor:pointer;font-size:14px;padding:var(--spacing-sm) var(--spacing-md);transition:background-color .2s,transform .2s}.submit-task-button:hover{background-color:#229954;transform:translateY(-1px)}.tasks-list{display:flex;flex-direction:column;gap:16px;margin-bottom:var(--spacing-md)}.task-item{background-color:#fff;border:1px solid var(--border-light);border-radius:var(--radius-medium);box-shadow:0 2px 8px #00000014;margin-bottom:12px;overflow:hidden;padding:var(--spacing-md);position:relative;transition:all .3s ease}.task-item:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-1px)}.task-item:before{background-color:var(--primary-color);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.task-item:hover:before{opacity:1}.task-item.task-completed:before{background-color:var(--success-color);opacity:1}.task-header{align-items:flex-start;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.task-checkbox{cursor:pointer;margin-right:var(--spacing-sm);margin-top:4px;position:relative}.task-checkbox input[type=checkbox]{cursor:pointer;opacity:0;position:absolute}.checkbox-custom{background-color:#fff;border:2px solid var(--border-color);border-radius:var(--radius-small);display:inline-block;height:18px;position:relative;transition:all .2s;width:18px}.task-checkbox input[type=checkbox]:checked+.checkbox-custom{background-color:var(--primary-color);border-color:var(--primary-color);transform:scale(1.1)}.task-checkbox input[type=checkbox]:checked+.checkbox-custom:after{color:#fff;content:"✓";font-size:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.task-info{flex:1 1;min-width:0}.task-title{color:var(--text-primary);font-size:16px;font-weight:500;margin:0 0 var(--spacing-xs) 0;transition:color .3s ease}.task-title.task-completed{color:var(--text-tertiary);text-decoration:line-through}.task-description{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0 0 var(--spacing-md) 0;padding-left:30px}.task-footer{border-top:1px solid var(--border-light);color:var(--text-tertiary);display:flex;font-size:12px;justify-content:space-between;padding-left:30px;padding-top:var(--spacing-xs)}.task-status{border-radius:12px;font-size:11px;font-weight:500;padding:2px 8px;transition:all .3s ease}.task-status.task-pending{background-color:#e3f2fd;color:var(--primary-color)}.task-status.task-completed{background-color:#e8f5e9;color:var(--success-color)}.task-actions{margin-top:var(--spacing-md);padding-left:30px}.task-actions .btn{font-size:13px;padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease}.task-stats{background-color:#fff;border:1px solid var(--border-light);border-radius:var(--radius-medium);box-shadow:var(--shadow-light);display:flex;padding:var(--spacing-md);transition:box-shadow .3s ease}.task-stats:hover{box-shadow:0 4px 12px #0000001a}.stat-item{flex:1 1;text-align:center;transition:transform .3s ease}.stat-item:hover{transform:translateY(-2px)}.stat-number{color:var(--primary-color);display:block;font-size:24px;font-weight:600;margin-bottom:var(--spacing-xs);transition:color .3s ease}.stat-item:nth-child(2) .stat-number{color:var(--success-color)}.stat-item:nth-child(3) .stat-number{color:var(--warning-color)}.stat-label{color:var(--text-secondary);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.delete-task-btn{background-color:initial;border:none;border-radius:var(--radius-small);color:var(--danger-color);cursor:pointer;font-size:14px;opacity:.7;padding:4px 8px;transition:all .3s ease}.delete-task-btn:hover{background-color:#f443361a;color:var(--danger-color-dark);opacity:1;transform:scale(1.05)}.image-upload-pairs{display:flex;flex-direction:column;gap:var(--spacing-md)}.image-upload-pair{background-color:#f9f9f9;border:1px solid var(--border-light);border-radius:var(--radius-medium);display:flex;gap:var(--spacing-md);padding:var(--spacing-md);transition:all .3s ease}.image-upload-pair:hover{background-color:#f5f5f5;box-shadow:0 2px 8px #0000000d}.image-container{display:flex;flex:1 1;flex-direction:column}.image-header{margin-bottom:var(--spacing-sm)}.image-description{color:var(--text-primary);font-size:14px;font-weight:500}.image-thumbnail{border:2px solid #0000;border-radius:var(--radius-small);cursor:pointer;overflow:hidden;transition:all .3s ease}.image-thumbnail:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a;transform:scale(1.02)}.image-thumbnail img{display:block;height:auto;transition:transform .3s ease;width:100%}.image-thumbnail:hover img{transform:scale(1.05)}.image-upload-area{display:flex;flex:1 1;flex-direction:column}.upload-button{background-color:#fff;border:2px dashed var(--border-color);border-radius:var(--radius-small);cursor:pointer;margin-bottom:var(--spacing-sm);padding:var(--spacing-md);text-align:center;transition:all .3s ease}.upload-button:hover{background-color:#f8f9fa;border-color:var(--primary-color)}.upload-button input[type=file]{display:none}.image-uploaded-files{display:flex;flex-direction:column;gap:var(--spacing-xs)}.uploaded-file-item{align-items:center;background-color:#fff;border:1px solid var(--border-light);border-radius:var(--radius-small);display:flex;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease}.uploaded-file-item:hover{background-color:#f8f9fa;transform:translateX(2px)}.file-name{color:var(--text-primary);flex:1 1;font-size:13px;margin-right:var(--spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:var(--text-tertiary);font-size:12px;margin-right:var(--spacing-sm)}.delete-file-btn{background-color:initial;border:none;border-radius:var(--radius-small);color:var(--danger-color);cursor:pointer;font-size:12px;padding:2px 6px;transition:all .3s ease}.delete-file-btn:hover{background-color:#f443361a}.image-gallery{justify-content:center}.gallery-content,.image-gallery{align-items:center;display:flex;max-height:90vh;max-width:100%;position:relative}.gallery-content{flex-direction:column}.gallery-image{border-radius:var(--radius-small);box-shadow:0 10px 40px #0000004d;max-height:80vh;max-width:100%;object-fit:contain}.gallery-counter{background-color:#000000b3;border-radius:12px;color:#fff;font-size:12px;padding:4px 8px;position:absolute;right:10px;top:10px}.gallery-description{background-color:#ffffffe6;border-radius:var(--radius-small);color:var(--text-primary);font-size:14px;margin-top:var(--spacing-md);max-width:80%;padding:var(--spacing-sm) var(--spacing-md);text-align:center}.next-image,.prev-image{background-color:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:32px;padding:16px 12px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;z-index:10}.prev-image{left:20px}.next-image{right:20px}.next-image:hover,.prev-image:hover{background-color:#000c;transform:translateY(-50%) scale(1.1)}.image-gallery-modal .ant-modal-content{background:#0000;border:none;box-shadow:none}.image-gallery-modal .ant-modal-body{padding:0}.file-placeholder{align-items:center;background-color:#f0f0f0;border:2px dashed #ccc;border-radius:4px;display:flex;flex-direction:column;height:150px;justify-content:center;width:100%}.file-icon{font-size:48px;margin-bottom:8px}.file-type{color:#666;font-weight:700}.file-preview-content{padding:20px}.file-info{background-color:#f9f9f9;border-radius:4px;padding:16px}.file-info-item{line-height:1.6;margin-bottom:10px}.file-preview-tips{background-color:#e6f7ff;border-left:4px solid #1890ff;border-radius:4px;margin-top:20px;padding:10px}.file-preview-tips p{color:#1890ff;margin:0}.time-picker{background-color:#fff;border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-light);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.date-display{align-items:center;display:flex}.date-label{color:var(--text-secondary);font-size:14px;margin-right:var(--spacing-xs)}.date-value{color:var(--text-primary);font-size:16px;font-weight:500}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.page-header{padding:var(--spacing-sm)}.page-header h1{font-size:18px}.page-content,.subpages-content{padding:var(--spacing-sm)}.list-header h2{font-size:16px}.task-item{padding:var(--spacing-sm)}.image-upload-pair{flex-direction:column}.delete-task-btn,.task-actions .btn{min-height:44px;padding:var(--spacing-md)}.next-image,.prev-image{align-items:center;display:flex;font-size:24px;height:50px;justify-content:center;width:50px}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.tasks-container{display:flex;flex-direction:column;gap:16px;margin-bottom:var(--spacing-md)}.card{background-color:#fff;border:1px solid var(--border-light);border-radius:var(--radius-small);box-shadow:var(--shadow-light);overflow:hidden;transition:box-shadow .3s ease;width:100%}.card:hover{box-shadow:0 4px 12px #0000001a}.card-loading{align-items:center;display:flex;justify-content:center;padding:var(--spacing-lg)}.loading-text{color:var(--text-secondary);font-size:14px;margin:0}.card-error{padding:var(--spacing-lg)}.card-empty{padding:var(--spacing-xl)}.empty-icon{font-size:48px;margin-bottom:var(--spacing-sm)}.empty-text{color:var(--text-secondary);font-size:16px;margin:0}.task-card{background:#fff;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden;position:relative;transition:all .3s ease}.task-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.task-card:before{background:linear-gradient(to bottom,var(--primary-color),#90caf9);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.task-name{border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:18px;font-weight:600;margin:0;padding:16px 20px}.task-card-un-normal{background:linear-gradient(145deg,#fff8f8,#fff0f0);border:1px solid var(--error-color);border-radius:12px;box-shadow:0 4px 12px #e74c3c1a;overflow:hidden;position:relative;transition:all .3s ease}.task-card-un-normal:hover{box-shadow:0 8px 24px #e74c3c26;transform:translateY(-2px)}.task-card-un-normal:before{background:linear-gradient(to bottom,var(--error-color),#ff8a80);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.task-card-un-normal:after{animation:pulse 2s ease-in-out infinite;content:"⚠️";font-size:16px;position:absolute;right:16px;top:12px}.task-name-un-normal{align-items:center;border-bottom:1px solid var(--border-light);color:var(--text-primary);display:flex;font-size:18px;font-weight:600;gap:10px;margin:0;padding:16px 40px 16px 20px}.task-warning-tag{background-color:var(--error-color);border-radius:12px;color:#fff;font-size:12px;font-weight:600;margin-left:auto;padding:2px 8px}.subtasks-container{padding:16px}.subtask-card{background-color:#f9f9f9;border-left:3px solid #0000;border:1px solid var(--border-light);border-radius:8px;line-height:1.8;margin-bottom:8px;padding:16px 20px;position:relative;transition:all .3s ease}.subtask-card:hover{background-color:#f5f5f5;border-left-color:var(--primary-color);box-shadow:0 2px 8px #0000000d;transform:translateX(4px)}.subtask-card-un-normal{background-color:#fff5f5;border:1px solid #e74c3c1a;border-radius:8px;line-height:1.8;margin-bottom:8px;padding:16px 20px;position:relative;transition:all .3s ease}.subtask-card-un-normal:hover{background-color:#ffebee;border-left-color:var(--error-color);box-shadow:0 2px 8px #e74c3c1a;transform:translateX(4px)}.subtask-header{margin-bottom:8px}.subtask-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:500;gap:10px;margin:0}.subtask-order{background-color:var(--primary-color)}.subtask-order,.subtask-order-un-normal{border-radius:12px;color:#fff;font-size:12px;font-weight:600;min-width:40px;padding:2px 8px;text-align:center}.subtask-order-un-normal{background-color:var(--error-color)}.subtask-description{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0;padding-left:50px}.no-subtasks{color:var(--text-tertiary);font-size:14px;margin:0;padding:20px;text-align:center}.fade-in{animation:fadeIn .5s ease-in-out}.slide-in{animation:slideIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.btn{align-items:center;border:none;border-radius:var(--radius-small);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all .3s ease}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:0 4px 8px #1a73e833;transform:translateY(-1px)}@media (max-width:768px){.task-card,.task-card-un-normal{border-radius:8px}.task-name,.task-name-un-normal{font-size:16px;padding:12px 36px 12px 16px}.task-card-un-normal:after{font-size:14px;right:12px;top:10px}.subtask-card,.subtask-card-un-normal{padding:12px 16px}.subtask-header h3{font-size:14px}.subtask-description{font-size:13px;padding-left:0}.card-empty,.card-error,.card-loading{padding:var(--spacing-md)}.empty-icon{font-size:36px}}.login-container{align-items:center;background-color:var(--background-color);background:#0000;display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-md)}.login-card{background-color:var(--card-background);border-radius:var(--radius-xl);box-shadow:var(--shadow-heavy);max-width:400px;padding:var(--spacing-xl);width:100%}.login-card h1{color:var(--text-primary);font-size:24px;font-weight:600;margin-bottom:var(--spacing-lg);text-align:center}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.error-message{background-color:#fee;border-radius:var(--radius-small);color:var(--error-color);font-size:14px;padding:var(--spacing-xs);text-align:center}.login-button{padding:var(--spacing-sm);width:100%}.login-info{border-top:1px solid var(--border-light);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);text-align:center}.login-info p{color:var(--text-tertiary);font-size:13px;margin:var(--spacing-xs) 0}@media (max-width:480px){.login-card{border-radius:var(--radius-large);box-shadow:var(--shadow-medium);max-width:100%;padding:var(--spacing-lg)}.login-card h1{font-size:20px;margin-bottom:var(--spacing-md)}.login-container{padding:var(--spacing-sm)}}.App{align-items:center;display:flex;justify-content:center;min-height:100vh}
/*# sourceMappingURL=main.b9bc1a90.css.map*/