*{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=light]{--primary-color:#4a90e2;--primary-dark:#357abd;--secondary-color:#50c878;--danger-color:#e74c3c;--text-color:#333;--text-light:#666;--bg-color:#f5f7fa;--card-bg:#fff;--border-color:#e1e8ed;--shadow:0 2px 8px #0000001a;--shadow-hover:0 4px 16px #00000026;--toggle-bg:#fff;--toggle-color:#333}[data-theme=dark]{--primary-color:#5ba0f2;--primary-dark:#4a90e2;--secondary-color:#60d888;--danger-color:#f55;--text-color:#e0e0e0;--text-light:#b0b0b0;--bg-color:#1a1a1a;--card-bg:#2d2d2d;--border-color:#404040;--shadow:0 2px 8px #0000004d;--shadow-hover:0 4px 16px #00000080;--toggle-bg:#2d2d2d;--toggle-color:#e0e0e0}body{background-color:#f5f7fa;background-color:var(--bg-color);color:#333;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;transition:background-color .3s ease,color .3s ease}#root{min-height:100vh}.toast{align-items:center;animation:slideIn .3s ease-out;background:#fff;border-left:4px solid;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;justify-content:space-between;max-width:500px;min-width:300px;padding:16px 20px;position:fixed;right:20px;top:20px;z-index:10000}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast-success{border-left-color:#50c878;border-left-color:var(--secondary-color,#50c878)}.toast-error{border-left-color:#e74c3c;border-left-color:var(--danger-color,#e74c3c)}.toast-warning{border-left-color:orange}.toast-info{border-left-color:#4a90e2;border-left-color:var(--primary-color,#4a90e2)}.toast-content{flex:1 1;gap:12px}.toast-content,.toast-icon{align-items:center;display:flex}.toast-icon{border-radius:50%;flex-shrink:0;font-size:20px;font-weight:700;height:24px;justify-content:center;width:24px}.toast-success .toast-icon{background:#50c878;background:var(--secondary-color,#50c878);color:#fff}.toast-error .toast-icon{background:#e74c3c;background:var(--danger-color,#e74c3c);color:#fff}.toast-warning .toast-icon{background:orange;color:#fff}.toast-info .toast-icon{background:#4a90e2;background:var(--primary-color,#4a90e2);color:#fff}.toast-message{color:#333;color:var(--text-color,#333);font-size:14px;line-height:1.4}.toast-close{align-items:center;background:none;border:none;color:#999;color:var(--text-light,#999);cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;margin-left:12px;padding:0;transition:color .2s;width:24px}.toast-close:hover{color:#333;color:var(--text-color,#333)}.toast-container{display:flex;flex-direction:column;gap:10px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:10000}.toast-container>*{pointer-events:auto}.notifications-container{position:relative}.notifications-button{background:#0000;border:none;color:var(--text-color);cursor:pointer;font-size:1.3rem;padding:.5rem;position:relative;transition:transform .3s ease}.notifications-button:hover{transform:scale(1.1)}.notifications-badge{align-items:center;background:var(--danger-color);border:2px solid var(--card-bg);border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:600;height:18px;justify-content:center;position:absolute;right:0;top:0;width:18px}.notifications-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.notifications-dropdown{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-hover);display:flex;flex-direction:column;max-height:400px;position:absolute;right:0;top:calc(100% + .5rem);width:350px;z-index:1000}.notifications-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem}.notifications-header h3{color:var(--text-color);font-size:1rem;margin:0}.mark-all-read{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:.85rem;padding:.25rem .5rem;transition:opacity .3s ease}.mark-all-read:hover{opacity:.7}.notifications-list{max-height:300px;overflow-y:auto}.notification-item{border-bottom:1px solid var(--border-color);cursor:pointer;padding:1rem;transition:background .3s ease}.notification-item:last-child{border-bottom:none}.notification-item.unread,.notification-item:hover{background:var(--bg-color)}.notification-item.unread{border-left:3px solid var(--primary-color)}.notification-item.empty{color:var(--text-light);cursor:default;font-style:italic;text-align:center}.notification-content strong{color:var(--text-color);font-size:.9rem}.notification-task{color:var(--text-light);font-size:.85rem}.notification-time{color:var(--text-light);font-size:.75rem;margin-top:.25rem}@media (max-width:768px){.notifications-dropdown{right:-50px;width:300px}}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}.pending-tasks-notification{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,orange,#ff8c00);border-radius:8px;box-shadow:0 4px 12px #ffa5004d;color:#fff;cursor:pointer;display:flex;gap:1rem;margin:1.5rem 0;padding:1rem 1.5rem;transition:all .3s ease}.pending-tasks-notification:hover{box-shadow:0 6px 16px #ffa50066;transform:translateY(-2px)}.notification-icon{animation:ring 1s infinite;font-size:1.5rem}.notification-content{display:flex;flex-direction:column;gap:.25rem}.notification-content strong{font-size:1.1rem}.notification-content span{font-size:.9rem;opacity:.9}@keyframes pulse{0%,to{box-shadow:0 4px 12px #ffa5004d}50%{box-shadow:0 4px 20px #ffa50080}}@keyframes ring{0%,to{transform:rotate(0deg)}10%,30%{transform:rotate(-10deg)}20%,40%{transform:rotate(10deg)}}@media (max-width:768px){.pending-tasks-notification{flex-direction:column;padding:.875rem 1.25rem;text-align:center}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}}.search-form{flex-shrink:0;margin:0;max-width:180px;width:auto}.search-input-wrapper{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;display:flex;padding:.2rem .4rem;position:relative;transition:all .3s ease}.search-input-wrapper:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 2px #4a90e21a}.search-input{background:#0000;border:none;color:var(--text-color);flex:1 1;font-size:.75rem;min-width:0;outline:none;padding:.2rem .3rem;width:100px}.search-input::placeholder{color:var(--text-light);font-size:.75rem}.search-clear{align-items:center;background:none;border:none;color:var(--text-light);cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;height:16px;justify-content:center;line-height:1;margin-right:.2rem;padding:0;transition:color .3s ease;width:16px}.search-clear:hover{color:var(--text-color)}.search-button{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-light);cursor:pointer;display:flex;flex-shrink:0;font-size:.8rem;height:18px;justify-content:center;padding:.15rem;transition:all .3s ease;width:18px}.search-button:hover{background:var(--bg-color);color:var(--primary-color)}@media (max-width:768px){.search-form{max-width:100%}.search-input{width:auto}}.articles-page{width:100%}.articles-header-row{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.articles-filters{margin-bottom:1rem}.category-filter{align-items:center;display:flex;gap:.5rem}.category-filter label{color:var(--text-color);font-weight:500;white-space:nowrap}.category-select{font-size:.9rem;max-width:200px;padding:.5rem}.articles-grid{grid-gap:1rem;box-sizing:border-box;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-top:1rem;width:100%}.search-results-info{align-items:center;background:var(--bg-color);border-radius:6px;color:var(--text-light);display:flex;justify-content:space-between;margin-top:1rem;padding:1rem}.search-results-info strong{color:var(--text-color);font-weight:600}@media (min-width:1201px){.articles-grid{max-width:100%}}@media (max-width:1200px){.articles-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.articles-header-row{align-items:stretch;flex-direction:column}.search-form{max-width:100%}.articles-grid{grid-template-columns:1fr}}.image-upload{margin-bottom:1rem}.image-upload-button{background:#4a90e2;background:var(--primary-color,#4a90e2);border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;padding:.5rem 1rem;transition:background .3s}.image-upload-button:hover{background:#357abd;background:var(--primary-dark,#357abd)}.image-preview{margin-top:1rem;max-width:300px}.image-preview img{border:1px solid #e1e8ed;border:1px solid var(--border-color,#e1e8ed);border-radius:6px;height:auto;width:100%}.task-comments{border-top:2px solid var(--border-color);margin-top:2rem;padding-top:2rem}.task-comments h4{color:var(--text-color);font-size:1.1rem;margin-bottom:1rem}.comments-list{margin-bottom:1.5rem;max-height:400px;overflow-y:auto}.no-comments{color:var(--text-light);font-style:italic;padding:1rem;text-align:center}.comment-item{background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;margin-bottom:.75rem;padding:1rem}.comment-header{align-items:center;display:flex;font-size:.85rem;gap:.75rem;margin-bottom:.5rem}.comment-author{color:var(--primary-color);font-weight:600}.comment-date{color:var(--text-light);font-size:.8rem}.comment-delete{align-items:center;background:none;border:none;color:var(--text-light);cursor:pointer;display:flex;font-size:1.5rem;height:24px;justify-content:center;line-height:1;margin-left:auto;padding:0;transition:color .3s ease;width:24px}.comment-delete:hover{color:var(--danger-color)}.comment-text{word-wrap:break-word;color:var(--text-color);line-height:1.6;white-space:pre-wrap}.comment-form{display:flex;flex-direction:column;gap:.75rem}.comment-input{background:var(--card-bg);border:2px solid var(--border-color);border-radius:6px;color:var(--text-color);font-family:inherit;font-size:.9rem;padding:.75rem;resize:vertical;transition:border-color .3s ease;width:100%}.comment-input:focus{border-color:var(--primary-color);outline:none}.comment-form .btn{align-self:flex-start}.tasks-page{width:100%}.tasks-header{align-items:center;justify-content:space-between}.status-filters,.tasks-header{display:flex;margin-bottom:1.5rem}.status-filters{flex-wrap:wrap;gap:.5rem}.status-filter{background:var(--card-bg);border-left:2px solid var(--border-color);border:2px solid var(--border-color);border-left-width:4px;border-radius:6px;color:var(--text-color);cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.status-filter:hover{background:var(--bg-color);transform:translateY(-2px)}.status-filter.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.tasks-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.task-card{word-wrap:break-word;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow);box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;padding:1.5rem;transition:all .3s ease}.task-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.task-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem;min-width:0}.task-header h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-color);display:-webkit-box;flex:1 1;font-size:1.2rem;margin:0;min-width:0;word-break:break-word}.task-header h3,.task-status{overflow:hidden;text-overflow:ellipsis}.task-status{border-radius:12px;color:#fff;flex-shrink:0;font-size:.75rem;font-weight:600;max-width:100%;padding:.25rem .75rem;text-transform:uppercase;white-space:nowrap}.task-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;flex:1 1;line-height:1.6;overflow:hidden}.task-description,.task-meta{color:var(--text-light);margin-bottom:1rem;min-width:0;word-break:break-word}.task-meta{border-top:1px solid var(--border-color);display:flex;flex-direction:column;font-size:.85rem;gap:.5rem;padding-top:1rem}.task-assignee,.task-author,.task-date{align-items:center;display:flex;gap:.5rem}.task-assignee strong,.task-author strong{color:var(--text-color);font-weight:600}.task-actions{align-items:center;border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto;min-width:0;padding-top:1rem}.task-actions .btn{flex-shrink:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comments-badge{background:var(--primary-color);border-radius:10px;color:#fff;display:inline-block;font-size:.7rem;font-weight:600;margin-left:.5rem;min-width:18px;padding:.15rem .4rem;text-align:center}.btn-sm{font-size:.85rem;padding:.4rem .8rem}@media (max-width:768px){.tasks-grid{grid-template-columns:1fr}.tasks-header{align-items:stretch;flex-direction:column;gap:1rem}.status-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.5rem}}.task-form{margin-top:1.5rem}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.theme-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);background:var(--toggle-bg,var(--card-bg));border:2px solid var(--border-color);border-radius:50%;bottom:20px;box-shadow:var(--shadow);color:var(--text-color);color:var(--toggle-color,var(--text-color));cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;left:20px;position:fixed;transition:all .3s ease;width:50px;z-index:1000}.theme-toggle:hover{border-color:var(--primary-color);box-shadow:var(--shadow-hover);transform:scale(1.1) rotate(15deg)}.theme-toggle:active{transform:scale(.95)}.theme-toggle.switching{animation:themeSwitch .5s ease}@keyframes themeSwitch{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(1turn) scale(1)}}@media (max-width:768px){.theme-toggle{bottom:15px;font-size:20px;height:45px;left:15px;width:45px}}.App{display:flex;flex-direction:column;min-height:100vh;transition:background-color .3s ease}.container{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1200px;padding:2rem;width:100%}.loading{color:var(--text-light);font-size:1.2rem;padding:4rem;text-align:center}.navbar{background:var(--card-bg);box-shadow:var(--shadow);padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;transition:background-color .3s ease,box-shadow .3s ease;z-index:1000}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.nav-brand h1{color:var(--primary-color);cursor:pointer;font-size:1.5rem}.nav-menu{align-items:center;display:flex;gap:1.5rem}.nav-link{color:var(--text-color);font-weight:500;text-decoration:none;transition:color .3s}.nav-link:hover{color:var(--primary-color)}.auth-buttons,.user-menu{align-items:center;display:flex;gap:1rem}.username{color:var(--text-light)}.btn,.username{font-weight:500}.btn{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:1rem;padding:.6rem 1.2rem;text-decoration:none;transition:all .3s}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow);transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background:var(--primary-color);color:#fff}.btn-danger{background:var(--danger-color);color:#fff}.btn-danger:hover{background:#c0392b}[data-theme=dark] .btn-danger:hover{background:#f44}.btn-large{font-size:1.1rem;padding:1rem 2rem}.btn-block{width:100%}.hero{background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow);padding:4rem 2rem;text-align:center;transition:background-color .3s ease,box-shadow .3s ease}.hero h2{color:var(--text-color);font-size:2.5rem;margin-bottom:1rem}.hero p{color:var(--text-light);font-size:1.2rem;margin-bottom:2rem}.page-header{background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow);margin-bottom:2rem;padding:2rem;transition:background-color .3s ease,box-shadow .3s ease}.page-header h2{color:var(--text-color);margin-bottom:1.5rem}.article-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;box-shadow:var(--shadow);cursor:pointer;padding:1rem;position:relative;transition:all .3s ease}.article-card.pinned{border-left:4px solid var(--primary-color)}.article-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.article-card-header{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.4rem;min-height:2.5rem}.pinned-badge{flex-shrink:0;font-size:1rem;margin-top:.1rem}.article-category{background:var(--primary-color);border-radius:10px;color:#fff;display:inline-block;font-size:.7rem;font-weight:600;margin-bottom:.5rem;padding:.2rem .6rem}.article-card h3{color:var(--primary-color);flex:1 1;font-size:1rem;line-height:1.3;margin:0;text-overflow:ellipsis;word-break:break-word}.article-card h3,.article-card p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.article-card p{color:var(--text-light);font-size:.85rem;line-height:1.4;margin-bottom:.4rem}.article-meta{font-size:.75rem;margin-top:.4rem}.article-header{background:var(--card-bg);border-bottom:2px solid var(--border-color);border-radius:12px 12px 0 0;box-shadow:var(--shadow);padding:2rem;transition:background-color .3s ease,box-shadow .3s ease,border-color .3s ease}.article-header h2{color:var(--text-color);font-size:2rem;margin-bottom:1rem}.article-meta{color:var(--text-light);display:flex;font-size:.9rem;gap:1rem;margin-bottom:1rem}.article-actions{display:flex;gap:1rem;margin-top:1rem}.article-content{background:var(--card-bg);border-radius:0 0 12px 12px;box-shadow:var(--shadow);line-height:1.8;padding:2rem;transition:background-color .3s ease,box-shadow .3s ease;white-space:pre-wrap}.article-content h1,.article-content h2,.article-content h3{color:var(--text-color);margin-bottom:1rem;margin-top:1.5rem}.article-content p{margin-bottom:1rem}.article-content code{background:var(--bg-color);border-radius:4px;font-family:Courier New,monospace;font-size:.9em;padding:.2rem .4rem}.article-content pre{background:var(--bg-color);border-radius:6px;margin:1rem 0;overflow-x:auto;padding:1rem}.article-content pre code{background:none;padding:0}.code-block-wrapper{background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow);margin:1.5rem 0;overflow:hidden}.code-block-header{align-items:center;background:var(--card-bg);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;min-height:2.5rem;padding:.5rem 1rem}.code-block-language{color:var(--text-light);font-size:.85rem;font-weight:600;text-transform:uppercase}.code-block-copy-btn{background:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:inherit;font-size:.85rem;padding:.4rem .8rem;transition:all .3s ease}.code-block-copy-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.code-block-wrapper pre{background:#0000!important;margin:0!important;overflow-x:auto;padding:1rem!important}.code-block-wrapper code{font-family:Courier New,Consolas,Monaco,monospace!important}[data-theme=dark] .code-block-wrapper{background:#1e1e1e}[data-theme=light] .code-block-wrapper{background:#fff}.article-content ol,.article-content ul{margin-bottom:1rem;margin-left:2rem}.article-content a{color:var(--primary-color);text-decoration:none}.article-content a:hover{text-decoration:underline}.article-content .article-image{border-radius:8px;box-shadow:var(--shadow);height:auto;margin:1rem 0;max-width:100%}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-color);display:block;font-weight:500;margin-bottom:.5rem}.form-control{background:var(--card-bg);border:2px solid var(--border-color);border-radius:6px;color:var(--text-color);font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .3s ease,background-color .3s ease,color .3s ease;width:100%}.form-control:focus{border-color:var(--primary-color);outline:none}textarea.form-control{min-height:200px;resize:vertical}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.error-message{color:var(--danger-color)}.error-message,.success-message{font-size:.9rem;margin-top:.5rem}.success-message{color:var(--secondary-color)}.modal{align-items:center;animation:fadeIn .3s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.modal-content{background-color:var(--card-bg);border-radius:12px;box-shadow:0 4px 20px #0000004d;max-width:500px;padding:2rem;position:relative;transition:background-color .3s ease;width:90%}.modal-content h2{color:var(--text-color);margin-bottom:1.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.nav-container{flex-direction:column;gap:1rem}.nav-menu{flex-direction:column;width:100%}.articles-grid{grid-template-columns:1fr}.hero h2{font-size:2rem}.container{padding:1rem}}
/*# sourceMappingURL=main.3fd0fdea.css.map*/