body{color:#f5f5f5;background-color:#1a202d;height:100vh;margin:0;padding:0;font-family:Roboto,sans-serif;font-size:16px;overflow:hidden}.app-container{flex-direction:column;height:100vh;display:flex}.app-header{background-color:#171b21;border-bottom:2px solid #e13c77;align-items:center;padding:5px;display:flex;position:relative}.header-left{flex:none}.header-center{text-align:center;flex:auto}.header-right{flex:none;margin-left:5px}.app-header h1{color:#e13c77;flex-shrink:0;margin:0;font-size:24px}#header-message{color:#f5f5f5;white-space:nowrap;z-index:1;background-color:#05000b27;border:0 solid #e13c77;border-radius:5px;margin:0;padding:5px;font-family:Courier New,Courier,monospace;font-size:14px;position:absolute;left:45.5%;transform:translate(-50%)}.stats-container{gap:15px;margin-left:auto;margin-right:10px;display:flex}.stats-tag{color:#fff;white-space:nowrap;background-color:#05000b27;border:0 solid #e13c77;border-radius:5px;padding:3px;font-family:Courier New,Courier,monospace;font-size:14px}.search-container{background-color:#1e243000;border-bottom:0 solid #3a4050;align-items:center;padding:10px;display:flex}.search-bar{color:#f5f5f5;box-sizing:border-box;background-color:#171b21;border:1px solid #e13c77;border-radius:5px;outline:none;width:250px;height:40px;padding:10px;font-size:16px;line-height:40px;transition:all .3s}.search-bar:focus{box-shadow:0 0 5px #e13c7780}.add-button{color:#f5f5f5;cursor:pointer;background-color:#e13c77;border:none;border-radius:5px;outline:none;align-items:center;gap:8px;height:40px;margin-left:10px;padding:0 15px;font-size:16px;font-weight:500;transition:all .3s;display:flex}.add-button:hover{background-color:#c62c67;transform:translateY(-2px)}.credit-container{flex:1;justify-content:center;display:flex}.credit-button{color:#f5f5f5;cursor:pointer;background-color:#171b21;background-image:linear-gradient(135deg,#171b21 0% 45%,#2a2f36 50%,#171b21 55% 100%);background-size:200% 100%;border:2px solid #e13c77;border-radius:5px;outline:none;align-items:center;gap:5px;height:25px;padding:0 10px;font-size:12px;transition:all .3s;animation:4s infinite shimmer;display:flex;position:relative}.credit-button:hover{color:#fff;background-image:linear-gradient(45deg,#a2265c,#ff69b4,#822265);background-size:300% 300%;border:2px solid #c23ae7;animation:3s infinite gradient}@keyframes gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes shimmer{0%{background-position:120% 0}to{background-position:-20% 0}}.year-buttons{align-items:center;margin-left:auto;display:flex}.clear-button{color:#f5f5f5;cursor:pointer;background-color:#192c3e;border:1px solid #e13c77;border-radius:5px;width:40px;height:40px;margin-left:10px;font-size:16px;transition:all .3s}.clear-button:hover{background-color:#253a4e}.filter-button{color:#f5f5f5;cursor:pointer;background-color:#e13c77;border:none;border-radius:5px;outline:none;height:40px;margin-left:5px;padding:0 10px;font-size:16px;transition:all .3s}.grid-filter-button{color:#f5f5f5;cursor:pointer;background-color:#180017;border:2px solid #e13c77;border-radius:5px;outline:none;height:40px;margin-left:5px;padding:0 10px;font-size:16px;transition:all .3s}.filter-button:hover{background-color:#c62c67;transform:scale(1.05)}#myGrid{flex:1;width:100%;height:calc(100vh - 180px);margin-top:10px}.ag-theme-quartz-dark{--ag-foreground-color:#f5f5f5;--ag-background-color:#2a313d;--ag-header-background-color:#1e2430;--ag-odd-row-background-color:#0000001a;--ag-header-column-separator-color:#3d4654;--ag-border-color:#3d4654;--ag-row-border-color:#3d4654;--ag-row-hover-color:#e13c7733;--ag-selected-row-background-color:#e13c774d;--ag-font-size:14px;--ag-font-family:"Roboto",sans-serif;--ag-cell-horizontal-padding:12px}.ag-theme-quartz-dark .ag-header-cell{font-weight:700}.ag-theme-quartz-dark .ag-row{border-bottom:1px solid var(--ag-border-color)}.modal-hidden{display:none}.modal-container{z-index:1000;opacity:1;background-color:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.modal-content{opacity:0;background-color:#15172b;border-radius:10px;width:80%;max-width:800px;max-height:90vh;padding:20px;transition:opacity .3s,transform .3s;animation:.3s forwards modalContentFadeIn;position:relative;overflow-y:auto;transform:scale(.9);box-shadow:0 5px 15px #00000080}@keyframes modalContentFadeIn{to{opacity:1;transform:scale(1)}}.form-container{padding:20px}.form-title{color:#e13c77;text-align:center;margin-bottom:20px;font-size:24px}.form-subtitle{color:#f5f5f5;text-align:center;margin-bottom:30px;font-size:16px}.form-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.input-container{margin-bottom:20px;position:relative}.input-field{color:#f5f5f5;background-color:#303245;border:none;border-radius:8px;outline:none;width:100%;padding:12px 15px;font-size:16px;transition:all .3s}.input-field:focus{box-shadow:0 0 5px #e13c7780}.input-label{color:#8f8f9d;background-color:#15172b;padding:0 5px;font-size:14px;transition:all .3s;position:absolute;top:-10px;left:10px}.input-field:focus+.input-label,.input-field:not(:placeholder-shown)+.input-label{color:#e13c77}.form-buttons{justify-content:space-between;margin-top:20px;display:flex}.btn{cursor:pointer;border:none;border-radius:5px;padding:10px 20px;font-size:16px;transition:all .3s}.btn-primary{color:#f5f5f5;background-color:#e13c77}.btn-primary:hover{background-color:#c62c67}.btn-secondary{color:#f5f5f5;background-color:#303245}.btn-secondary:hover{background-color:#3e4056}.btn-danger{color:#f5f5f5;background-color:#d9534f}.btn-danger:hover{background-color:#c9302c}.status-not-started{color:#f5f5f5;background-color:#6c757d;border-radius:4px;padding:4px 8px;display:inline-block}.status-in-progress{color:#fff;background-color:#007bff;border-radius:4px;padding:4px 8px;display:inline-block}.status-completed{color:#fff;background-color:#28a745;border-radius:4px;padding:4px 8px;display:inline-block}.status-test-completed{color:#fff;background-color:#17a2b8;border-radius:4px;padding:4px 8px;display:inline-block}.status-cancelled{color:#fff;background-color:#dc3545;border-radius:4px;padding:4px 8px;display:inline-block}.btn-edit,.btn-delete{color:#e13c77;cursor:pointer;background:0 0;border:none;margin:0 5px;padding:5px;font-size:16px;transition:transform .2s}.btn-edit:hover,.btn-delete:hover{transform:scale(1.2)}.btn-delete{color:#dc3545}.loading-spinner{z-index:2000;background-color:#1a202de6;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s;display:flex;position:fixed;top:0;left:0}.loading-spinner.fade-out{opacity:0}.spinner-container{flex-direction:column;align-items:center;display:flex}.spinner-svg{width:60px;height:60px;animation:1s linear infinite spin}.spinner-circle{stroke-dasharray:80 200;stroke-dashoffset:0;transform-origin:50%;animation:1.5s ease-in-out infinite dash}.spinner-container p{color:#f5f5f5;background-color:#0000004d;border-radius:20px;margin-top:15px;padding:8px 16px;font-size:18px;font-weight:500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1 200;stroke-dashoffset:0}50%{stroke-dasharray:89 200;stroke-dashoffset:-35px}to{stroke-dasharray:89 200;stroke-dashoffset:-124px}}.modal-bg-fade-out{background-color:#0000}.ag-cell.comments-column{text-overflow:ellipsis;white-space:nowrap;cursor:pointer;position:relative;overflow:hidden}.edit-hover-preview{z-index:9999;white-space:pre-wrap;color:#f5f5f5;pointer-events:none;word-break:break-word;background-color:#2a313d;border:2px solid #e13c77;border-radius:4px;width:450px;max-height:300px;padding:15px;font-size:14px;line-height:1.5;position:absolute;overflow-y:auto;box-shadow:0 5px 15px #000000b3}.edit-modal{z-index:2000;opacity:0;background-color:#2a313d;border:2px solid #e13c77;border-radius:8px;width:600px;max-width:80vw;min-height:200px;max-height:80vh;padding:40px 25px 25px;transition:opacity .3s cubic-bezier(.25,.8,.25,1),transform .3s cubic-bezier(.25,.8,.25,1),border .3s,box-shadow .3s;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)scale(.9);box-shadow:0 10px 30px #000c}.edit-modal.closing{animation:.25s cubic-bezier(.25,.8,.25,1) forwards modal-close}@keyframes modal-open{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes modal-close{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.9)}}.edit-modal-content{color:#f5f5f5;white-space:pre-wrap;word-wrap:break-word;-webkit-user-select:text;user-select:text;font-size:16px;line-height:1.6}.edit-overlay{z-index:1999;opacity:0;background-color:#0009;width:100%;height:100%;transition:opacity .3s;position:fixed;top:0;left:0}.edit-overlay.closing{animation:.25s forwards overlay-fade-out}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes overlay-fade-out{0%{opacity:1}to{opacity:0}}.edit-copy-button{color:#fff;cursor:pointer;opacity:.9;z-index:2001;background:#e13c77;border:none;border-radius:4px;padding:5px 10px;font-size:14px;transition:all .2s;animation:.3s cubic-bezier(.25,.8,.25,1) .15s backwards button-drop;position:absolute;top:10px;right:10px;transform:translateY(0)}.edit-copy-button:hover{opacity:1;transform:scale(1.05)}.edit-close-button{color:#fff;cursor:pointer;opacity:.9;z-index:2001;background:#303245;border:none;border-radius:4px;padding:5px 10px;font-size:14px;transition:all .2s;animation:.3s cubic-bezier(.25,.8,.25,1) .1s backwards button-drop;position:absolute;top:10px;right:70px;transform:translateY(0)}.edit-close-button:hover{opacity:1;transform:scale(1.05)}@keyframes button-drop{0%{opacity:0;transform:translateY(-20px)}to{opacity:.9;transform:translateY(0)}}.error-toast{color:#fff;z-index:1000;background-color:#dc3545;border-radius:5px;padding:15px 25px;transition:opacity .5s;position:fixed;top:20px;right:20px;box-shadow:0 4px 8px #0003}.error-toast.fade-out{opacity:0}