@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--bg-main:#070a13;--bg-sidebar:#0d111d;--bg-card:#1218268c;--bg-card-hover:#1a2236b3;--border-color:#ffffff0f;--border-color-glow:#6366f140;--primary:#6366f1;--primary-hover:#4f46e5;--primary-glow:#6366f126;--success:#10b981;--success-glow:#10b9811a;--warning:#f59e0b;--warning-glow:#f59e0b1a;--danger:#ef4444;--danger-glow:#ef44441a;--info:#0ea5e9;--info-glow:#0ea5e91a;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--shadow-sm:0 2px 8px -1px #0000004d;--shadow-md:0 4px 20px -2px #00000080;--shadow-lg:0 10px 30px -5px #000000b3;--font-heading:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--sidebar-width:260px;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--bg-input:#121826cc;--bg-input-focus:#121826f2;--bg-btn-secondary:#ffffff0d;--bg-btn-secondary-hover:#ffffff1a;--scrollbar-thumb:#ffffff1a;--scrollbar-thumb-hover:#fff3;--bg-modal-overlay:#05070dd1;--bg-modal-card:#121826d9;--shadow-modal:0 20px 25px -5px #00000080, 0 10px 10px -5px #0006}body.light-theme{--bg-main:#f8fafc;--bg-sidebar:#f1f5f9;--bg-card:#ffffffbf;--bg-card-hover:#ffffffe6;--border-color:#0f172a14;--border-color-glow:#6366f126;--primary:#4f46e5;--primary-hover:#4338ca;--primary-glow:#6366f114;--success:#10b981;--success-glow:#10b98114;--warning:#d97706;--warning-glow:#f59e0b14;--danger:#ef4444;--danger-glow:#ef444414;--info:#0ea5e9;--info-glow:#0ea5e914;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a;--bg-input:#ffffffe6;--bg-input-focus:#fff;--bg-btn-secondary:#fff;--bg-btn-secondary-hover:#f1f5f9;--scrollbar-thumb:#0f172a26;--scrollbar-thumb-hover:#0f172a40;--bg-modal-overlay:#0f172a73;--bg-modal-card:#fff;--shadow-modal:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;margin:0;padding:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:600}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);box-shadow:var(--shadow-md);transition:var(--transition-smooth);border-radius:16px}.glass-panel:hover{border-color:#ffffff1a}.glass-panel-glow{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color-glow);border-radius:16px;box-shadow:0 0 25px #6366f10d}.app-container{background-image:radial-gradient(at 0 0,#6366f114 0,#0000 50%),radial-gradient(at 100% 100%,#10b9810d 0,#0000 50%),radial-gradient(#0ea5e908 0,#0000 50%);background-attachment:fixed;min-height:100vh;display:flex}body.light-theme .app-container{background-image:radial-gradient(at 0 0,#6366f10a 0,#0000 50%),radial-gradient(at 100% 100%,#10b98105 0,#0000 50%),radial-gradient(#0ea5e903 0,#0000 50%)}.main-content{margin-left:var(--sidebar-width);min-width:0;transition:var(--transition-smooth);flex:1;padding:40px}.btn{font-family:var(--font-heading);cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:10px;outline:none;align-items:center;gap:8px;padding:10px 18px;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px #6366f14d}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #6366f166}.btn-secondary{background:var(--bg-btn-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-btn-secondary-hover);border-color:var(--border-color)}.btn-danger{background:var(--danger);color:#fff;box-shadow:0 4px 14px #ef44444d}.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.form-group{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.form-input,.form-select,.form-textarea{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-body);transition:var(--transition-smooth);border-radius:10px;outline:none;padding:12px 16px;font-size:.95rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);background:var(--bg-input-focus);box-shadow:0 0 10px #6366f133}.form-textarea{resize:vertical;min-height:100px}.form-select option{background-color:var(--bg-sidebar);color:var(--text-primary)}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:6px;align-items:center;padding:4px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-live{background:var(--success-glow);color:var(--success);border:1px solid #10b98133}.badge-qa{background:var(--warning-glow);color:var(--warning);border:1px solid #f59e0b33}.badge-build{background:var(--info-glow);color:var(--info);border:1px solid #0ea5e933}.badge-backlog{color:var(--text-secondary);background:#ffffff05;border:1px solid #ffffff1a}.badge-completed{color:#a5b4fc;background:#6366f114;border:1px solid #6366f133}.tr-hover{transition:background-color .2s}.tr-hover:hover{background-color:#ffffff08!important}.list-item-hover{transition:all .2s}.list-item-hover:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f11a;border-color:var(--primary)!important;background-color:#6366f10a!important}@media print{body{color:#111827!important;background:#fff!important;font-family:Plus Jakarta Sans,Arial,sans-serif!important}.app-container,aside,main,.main-content,.modal-overlay-print{visibility:hidden!important;display:none!important}#test-plan-print-area{visibility:visible!important;color:#111827!important;background:#fff!important;width:100%!important;max-width:800px!important;margin:0 auto!important;padding:20px!important;display:block!important;position:relative!important}table,tr,td,h3,div{page-break-inside:avoid}}#test-plan-print-area{display:none}.inline-add-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:#ffffff08;border-radius:6px;outline:none;justify-content:center;align-items:center;padding:4px;display:inline-flex}.inline-add-btn:hover{background:var(--primary-glow);border-color:var(--primary-glow);color:var(--text-primary);border-color:var(--primary)}.close-btn-hover:hover{transform:rotate(90deg);background:var(--bg-btn-secondary-hover)!important;color:var(--text-primary)!important;border-color:var(--primary)!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-custom{animation:1.2s linear infinite spin;display:inline-block}.interactive-history-card{cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.interactive-history-card:hover{transform:translateY(-2px);background:var(--bg-card-hover)!important;border-color:var(--primary)!important;box-shadow:0 4px 12px var(--primary-glow)!important}