body{color:#0f0;background-color:#050505;flex-direction:column;min-height:100vh;margin:0;font-family:Share Tech Mono,monospace;display:flex}body:before{content:" ";z-index:1000;pointer-events:none;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 2px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/3px 100%;display:block;position:fixed;inset:0}header{z-index:10;background-color:#001400cc;border-bottom:1px solid #0f0;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;box-shadow:0 0 10px #0f03}header img{filter:drop-shadow(0 0 5px #0f0);height:40px}header .nav-links{align-items:center;gap:1rem;display:flex}.btn{color:#000;cursor:pointer;background-color:#0f0;border:1px solid #0f0;border-radius:0;padding:.5rem 1rem;font-family:Share Tech Mono,monospace;font-size:1rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.btn:hover{color:#0f0;background-color:#050505;box-shadow:0 0 10px #0f0}.btn-outline{color:#0f0;background-color:#0000}.btn-outline:hover{color:#000;background-color:#0f0}.btn-danger{color:#000;background-color:red;border-color:red}.btn-danger:hover{color:red;background-color:#050505;box-shadow:0 0 10px red}.app-layout{flex-grow:1;display:flex}.sidebar{background-color:#000f00e6;border-right:1px solid #0f0;width:250px;padding:2rem 1rem}.sidebar ul{margin:0;padding:0;list-style:none}.sidebar li{margin-bottom:.5rem}.sidebar a{color:#0a0;border:1px solid #0000;padding:.75rem 1rem;text-decoration:none;display:block}.sidebar a:hover{color:#0f0;background:#00ff001a;border-left:2px solid #0f0}.sidebar a.active{color:#0f0;background:#00ff001a;border:1px solid #0f0;box-shadow:inset 0 0 10px #0f03}.content{flex-grow:1;max-width:1200px;padding:2rem}.alert{border:1px solid;margin-bottom:1rem;padding:1rem}.alert-success{color:#0f0;background-color:#00ff001a;border-color:#0f0}.alert-danger{color:red;background-color:#ff00001a;border-color:red}.form-group{margin-bottom:1.5rem}.form-group label{color:#0f0;margin-bottom:.5rem;display:block}.form-control{color:#0f0;box-sizing:border-box;background-color:#000;border:1px solid #0a0;width:100%;padding:.75rem;font-family:Share Tech Mono,monospace}.form-control:focus{border-color:#0f0;outline:none;box-shadow:0 0 8px #00ff0080}.error-msg{color:red;margin-top:.25rem;font-size:.875rem}.card{background-color:#001400cc;border:1px solid #0f0;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 0 15px #00ff001a}.table-responsive{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #0a0;padding:.75rem 1rem}th{color:#0f0;background-color:#00ff001a}tr:hover{background-color:#00ff000d}a{color:#0f0}a:hover{color:#fff;text-shadow:0 0 5px #0f0}.badge{border:1px solid;padding:.25rem .5rem;font-size:.75rem}.badge-active,.badge-done{color:#0f0;background-color:#00ff001a;border-color:#0f0}.badge-archived,.badge-need_info{color:red;background-color:#ff00001a;border-color:red}.badge-completed,.badge-review{color:#0ff;background-color:#00ffff1a;border-color:#0ff}.badge-todo{color:#fff;background-color:#ffffff1a;border-color:#fff}.badge-in_progress{color:#ff0;background-color:#ffff001a;border-color:#ff0}.progress-bar-container{background-color:#000;border:1px solid #0a0;width:100%;height:10px;margin-top:5px}.progress-bar-fill{background-color:#0f0;height:100%;box-shadow:0 0 5px #0f0}.mobile-only{display:none}.user-dropdown{display:inline-block;position:relative}.dropdown-content{z-index:100;background-color:#000f00f2;border:1px solid #0f0;flex-direction:column;min-width:200px;margin-top:.5rem;display:flex;position:absolute;top:100%;right:0;box-shadow:0 4px 8px #0f03}.dropdown-content.hidden{display:none!important}.dropdown-item{color:#0f0;cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:none;border-bottom:1px solid #0f03;width:100%;padding:.75rem 1rem;font-family:Share Tech Mono,monospace;font-size:1rem;text-decoration:none;display:block}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{color:#fff;background-color:#00ff001a}.sidebar-close{text-align:right;margin-bottom:1rem;padding-right:1rem;display:none}.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}@media (width<=768px){.mobile-only{display:block!important}header{padding:.75rem 1rem}header img{height:32px}.sidebar{z-index:1100;box-sizing:border-box;background-color:#050505;border-right:1px solid #0f0;width:260px;transition:left .3s;position:fixed;top:0;bottom:0;left:-260px;overflow-y:auto;box-shadow:2px 0 15px #00ff004d}.sidebar.open{left:0}.sidebar-close{display:block}.content{padding:1rem}.btn{padding:.4rem .8rem;font-size:.9rem}}@media (width<=600px){.dashboard-grid{grid-template-columns:1fr}}@media (width<=375px){.btn{padding:.3rem .6rem;font-size:.8rem}}.flex-mobile-col{justify-content:space-between;align-items:center;display:flex}.flex-mobile-col-start{justify-content:flex-start;align-items:center;display:flex}@media (width<=600px){.flex-mobile-col,.flex-mobile-col-start{flex-direction:column;align-items:flex-start;gap:.5rem}.mobile-full-width{margin-bottom:.5rem;width:100%!important}.mobile-mt-1{margin-top:.5rem}.mobile-hide{display:none!important}.task-list-item{flex-direction:column;gap:1rem;align-items:flex-start!important}.task-list-actions{flex-direction:column;width:100%;display:flex;text-align:left!important;align-items:flex-start!important}.task-list-actions .progress-bar-container{width:100%!important}}#user-menu-toggle{white-space:nowrap;text-overflow:ellipsis;max-width:200px;padding-right:20px;position:relative;overflow:hidden}@media (width<=425px){#user-menu-toggle{max-width:120px}}.grid-2col{grid-template-columns:2fr 1fr;gap:2rem;display:grid}@media (width<=768px){.grid-2col{grid-template-columns:1fr}.table-responsive table,.table-responsive thead,.table-responsive tbody,.table-responsive th,.table-responsive td,.table-responsive tr{display:block}.table-responsive thead tr{position:absolute;top:-9999px;left:-9999px}.table-responsive tr{background:#00140080;border:1px solid #0f0;margin-bottom:1rem}.table-responsive td{text-align:left;border:none;border-bottom:1px solid #0f03;min-height:2rem;padding-left:45%;position:relative}.table-responsive td:last-child{border-bottom:none}.table-responsive td:before{content:attr(data-label);white-space:nowrap;color:#0a0;text-transform:uppercase;width:40%;padding-right:10px;font-size:.85rem;font-weight:700;position:absolute;left:1rem}.table-responsive td.actions-cell{text-align:right;background:#00ff000d;padding-left:1rem}.table-responsive td.actions-cell:before{content:none}}
