html,body{height:100%;-webkit-text-size-adjust:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:#fcfef1;color:#333;line-height:1.6;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.hidden{display:none !important}nav{display:flex;justify-content:space-between;align-items:center;padding:20px 50px;border-bottom:1px solid #eaeaea;background:#fff}.logo{font-size:24px;font-weight:bold;color:#005d9e;display:flex;align-items:center;gap:8px}.nav-links a{text-decoration:none;color:#57606f;margin-left:20px;font-weight:500;transition:.2s}@media(hover: hover){.nav-links a:hover{color:#ff4a3b}}.hero{text-align:center;padding:100px 20px;max-width:800px;margin:0 auto;flex:1}.hero h1{font-size:48px;color:#005d9e;margin-bottom:20px;line-height:1.2}.hero p{font-size:20px;color:#7b6867;margin-bottom:40px}.features{display:flex;gap:30px;padding:50px;background:#fcfef1;justify-content:center;flex-wrap:wrap}.feature-card{background:#fff;padding:30px;border-radius:8px;width:300px;box-shadow:0 4px 10px rgba(0,0,0,.05);text-align:center;border:1px solid #eaeaea}.feature-card h3{color:#005d9e}footer{text-align:center;padding:40px 20px;color:#a4b0be;font-size:13px;border-top:1px solid #eaeaea;margin-top:auto;background:#005d9e}.btn-primary{background:#2ed573;color:#fff;text-decoration:none;padding:15px 30px;font-size:18px;font-weight:bold;border-radius:8px;transition:.2s;box-shadow:0 4px 15px rgba(46,213,115,.3);display:inline-block}@media(hover: hover){.btn-primary:hover{background:#26de81;transform:translateY(-2px)}}.btn-login{background:#005d9e;color:#fff !important;padding:10px 20px;border-radius:6px}@media(hover: hover){.btn-login:hover{background:#ff4a3b}}.login-wrapper{display:flex;align-items:center;justify-content:center;width:100%;background:#fcfef1;min-height:100vh;min-height:100dvh}.login-box{background:#fff;padding:40px;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.05);width:100%;max-width:350px;text-align:center;border:1px solid #eaeaea;box-sizing:border-box;margin:auto}.login-box h2{color:#005d9e;margin-top:0}.input-group{margin-bottom:20px;text-align:left}.input-group input{width:100%;padding:10px;box-sizing:border-box;border:1px solid #ccc;border-radius:4px;font-size:16px;-webkit-appearance:none;appearance:none}.btn-submit{background:#2ed573;color:#fff;border:none;padding:12px;width:100%;border-radius:4px;font-size:16px;font-weight:bold;cursor:pointer;transition:.2s}@media(hover: hover){.btn-submit:hover{background:#26de81}}.error-message{color:#ff4a3b;font-size:14px;margin-bottom:15px;font-weight:bold}.back-link{display:inline-block;margin-top:20px;color:#7b6867;text-decoration:none;font-size:14px}@media(hover: hover){.back-link:hover{color:#005d9e}}.dashboard-layout{display:flex;width:100%;flex-direction:row;flex:1;overflow:hidden}.sidebar{width:250px;background:#005d9e;color:#fff;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0}.sidebar h2{margin-top:0;font-size:18px;color:#2ed573;transition:.2s}@media(hover: hover){.sidebar h2:hover{color:#fff}}.project-list{list-style:none;padding:0;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.project-list li{padding:10px;background:hsla(0,0%,100%,.05);margin-bottom:5px;border-radius:4px;cursor:pointer;transition:.2s}@media(hover: hover){.project-list li:hover{background:hsla(0,0%,100%,.15)}}.project-list li.active{background:#2ed573;color:#005d9e;font-weight:bold}.add-project-btn{background:hsla(0,0%,100%,.1);border:1px dashed hsla(0,0%,100%,.5);color:#fff;padding:10px;width:100%;border-radius:4px;cursor:pointer;margin-top:10px}@media(hover: hover){.add-project-btn:hover{background:hsla(0,0%,100%,.2)}}.logout-btn{display:block;text-align:center;color:#ff4a3b;text-decoration:none;padding:15px 0 0 0;margin-top:15px;border-top:1px solid hsla(0,0%,100%,.1);font-weight:bold}.main-content{flex:1;padding:30px;overflow-y:auto;background:#fcfef1;min-width:0;-webkit-overflow-scrolling:touch}.header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;padding-bottom:20px;margin-bottom:20px;flex-wrap:wrap;gap:15px}.header h1{margin:0}.control-panel{display:flex;gap:10px;flex-wrap:wrap}.filter-btn{background:#fff;border:1px solid #ccc;padding:8px 15px;border-radius:6px;cursor:pointer;font-weight:bold;box-shadow:0 1px 3px rgba(0,0,0,.1);font-size:13px}@media(hover: hover){.filter-btn:hover{background:#f9f9f9}}.btn-danger-outline{color:#ff4a3b;border-color:#ff4a3b}@media(hover: hover){.btn-danger-outline:hover{background:#ffeff0}}.btn-danger-solid{background:#ff4a3b;color:#fff;border-color:#ff4a3b}@media(hover: hover){.btn-danger-solid:hover{background:#ff6b81}}.embed-code-box{background:#fff;padding:15px;border:1px solid #ddd;border-radius:6px;margin-bottom:30px;display:none;overflow-x:auto;-webkit-overflow-scrolling:touch}.embed-code-box code{background:#fcfef1;padding:5px;border-radius:3px;color:#ff4a3b;font-weight:bold;user-select:all;white-space:nowrap}.tasks-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:20px}.task-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05);overflow:hidden;border:1px solid #eaeaea;display:flex;flex-direction:column;min-width:0}.task-image{width:100%;height:180px;object-fit:cover;background:#eee;border-bottom:1px solid #eaeaea}.task-details{padding:15px;flex:1}.task-status{display:inline-block;padding:3px 8px;border-radius:12px;font-size:12px;font-weight:bold;margin-bottom:10px}.status-todo{background:#ffeaa7;color:#d63031}.status-resolved{background:#2ed573;color:#fff}.task-comment{font-size:15px;font-weight:bold;margin:0 0 10px 0;word-break:break-word}.task-meta{font-size:12px;color:#7b6867;margin:0;word-break:break-word}.card-actions{padding:15px;background:#fafafa;border-top:1px solid #eaeaea;display:flex;gap:5px;flex-wrap:wrap}.card-btn{flex:1;padding:8px;border:none;border-radius:4px;font-weight:bold;cursor:pointer;font-size:12px;min-width:80px}.btn-resolve{background:#ffa502;color:#fff}.btn-delete{background:#ff4a3b;color:#fff}.btn-share{background:#005d9e;color:#fff}.replies{margin-top:10px;padding-top:10px;border-top:1px dashed #eee;font-size:13px;color:#555}.reply-item{margin-bottom:5px;padding-left:10px;border-left:2px solid #3742fa}@media(max-width: 768px){nav{padding:20px;flex-direction:column;gap:15px}.hero{padding:60px 20px}.hero h1{font-size:36px}.hero p{font-size:18px}.features{padding:20px}.feature-card{width:100%;max-width:100%}.dashboard-layout{flex-direction:column}.sidebar{width:100%;height:auto;padding:15px}.project-list{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;gap:10px;margin-bottom:10px;padding-bottom:5px}.project-list li{margin-bottom:0;white-space:nowrap;flex-shrink:0}.add-project-btn{margin-top:0;width:100%}.main-content{padding:20px}.header{flex-direction:column;align-items:flex-start}.control-panel{width:100%}.filter-btn{flex:1;text-align:center}.tasks-grid{grid-template-columns:1fr}.login-box{margin:20px;padding:30px 20px}}.dashboard-container{display:flex;flex-flow:row}.dashboard-wrapper{display:flex;min-height:100vh;background-color:#f8fafc;color:#334155;font-family:sans-serif}.mobile-header{display:none}.sidebar{width:280px;background-color:#0f172a !important;padding:24px;display:flex;flex-direction:column;box-sizing:border-box;flex-shrink:0;border-right:1px solid #1e293b;z-index:100}#sidebar-projects{list-style:none;padding:0;margin:10px 0 20px 0;display:flex;flex-direction:column;gap:8px}#sidebar-projects li{padding:12px 16px;border-radius:6px;font-weight:500;transition:all .2s ease;cursor:pointer;background-color:hsla(0,0%,100%,.03);color:#94a3b8}#sidebar-projects li:hover,#sidebar-projects li.active{background-color:hsla(0,0%,100%,.08);color:#f8fafc}.main-content{flex-grow:1;padding:40px;box-sizing:border-box;overflow-y:auto}#project-controls{background-color:#fff;padding:16px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.05);margin-bottom:24px;border:1px solid #e2e8f0}#tasks-container{display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:24px;align-items:start;margin-top:24px}.task-card{background:#fff !important;border:1px solid #e2e8f0 !important;border-radius:12px !important;box-shadow:0 4px 6px -1px rgba(0,0,0,.05) !important;overflow:hidden;display:flex;flex-direction:column;height:100%}.task-image{width:100% !important;height:180px !important;object-fit:cover !important;border-bottom:1px solid #e2e8f0}.task-details{padding:20px !important;display:flex;flex-direction:column;gap:8px;flex-grow:1}.card-actions{background-color:#f8fafc;padding:12px 20px;border-top:1px solid #e2e8f0;display:flex;gap:8px}.card-actions .card-btn{flex:1;padding:8px 10px !important;font-size:12px !important;font-weight:600 !important;border-radius:6px !important;cursor:pointer}.drawer-overlay{display:none;position:fixed;inset:0;background:rgba(15,23,42,.6);backdrop-filter:blur(4px);z-index:9999}.drawer-overlay.active{display:block}.hide-on-desktop{display:none !important}@media(max-width: 900px){.hide-on-desktop{display:flex !important}.dashboard-wrapper{flex-direction:column !important}.mobile-header{display:flex !important;justify-content:space-between;align-items:center;background-color:#0f172a;padding:16px 20px;color:#fff;position:sticky;top:0;z-index:999;border-bottom:1px solid #1e293b;width:100%;box-sizing:border-box}.mobile-header .mobile-title{font-weight:700;font-size:16px;color:#f8fafc}.mobile-header .menu-toggle-btn{background:none;border:none;color:#fff;font-size:24px;cursor:pointer}.sidebar{position:fixed !important;top:0;left:-290px !important;width:280px !important;height:100vh !important;z-index:10000 !important;box-shadow:5px 0 25px rgba(0,0,0,.3);transition:left .25s ease-in-out !important}.sidebar.drawer-open{left:0 !important}.main-content{padding:20px !important;width:100% !important;box-sizing:border-box}#tasks-container{grid-template-columns:1fr !important;gap:16px !important}}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:15px}@media(max-width: 600px){.create-form{flex-direction:column}.create-form button{width:100%}}/*# sourceMappingURL=styles.min.css.map */