:root{--primary-color:#007bff;--primary-hover:#0056b3;--secondary-color:#6c757d;--secondary-hover:#5a6268;--success-color:#28a745;--success-hover:#218838;--danger-color:#dc3545;--danger-hover:#c82333;--warning-color:#ffc107;--warning-hover:#e0a800;--info-color:#17a2b8;--info-hover:#138496;--light-gray:#f8f9fa;--medium-gray:#e9ecef;--dark-gray:#343a40;--text-color:#212529;--border-color:#dee2e6;--header-bg:var(--dark-gray);--header-text:white;--footer-bg:var(--dark-gray);--footer-text:#adb5bd;--footer-link:#7fdbff;--pastel-edit-bg:#ffe082;--pastel-edit-hover:#ffd54f;--pastel-edit-text:#424242;--pastel-clone-bg:#90caf9;--pastel-clone-hover:#64b5f6;--pastel-clone-text:#424242;--pastel-copy-bg:#a5d6a7;--pastel-copy-hover:#81c784;--pastel-copy-text:#424242}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;margin:0;padding:0;display:flex;flex-direction:column;min-height:100vh;background-color:var(--light-gray);color:var(--text-color);line-height:1.6}header{background-color:var(--header-bg);color:var(--header-text);padding:.8em 1.5em;position:sticky;top:0;z-index:1000;box-shadow:0 2px 5px rgba(0,0,0,.15)}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}header h1{margin:0;font-size:1.7em;font-weight:600}header .version{font-size:.6em;font-weight:300;margin-left:8px;opacity:.8}#returnToODU{background-color:var(--secondary-color);color:#fff;border:none;padding:.6em 1em;border-radius:5px;cursor:pointer;font-size:.9em;display:flex;align-items:center;transition:background-color .2s ease}#returnToODU i{margin-right:8px}#returnToODU:hover{background-color:var(--secondary-hover)}main{flex-grow:1;padding:25px;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}#appDescription{background-color:var(--medium-gray);padding:12px 18px;border-radius:5px;margin-bottom:25px;font-style:italic;color:var(--dark-gray);border-left:4px solid var(--primary-color)}#controls{margin-bottom:25px;display:flex;flex-wrap:wrap;gap:12px}#controls button,.screenshot-btn{padding:10px 15px;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:.95em;display:inline-flex;align-items:center;gap:8px;transition:background-color .2s ease}#controls button i,.screenshot-btn i{font-size:1em}#addBugBtn{background-color:var(--primary-color)}#addBugBtn:hover{background-color:var(--primary-hover)}#exportToPDFBtn{background-color:var(--info-color)}#exportToPDFBtn:hover{background-color:var(--info-hover)}#exportBugsJSONBtn{background-color:#5cb85c}#exportBugsJSONBtn:hover{background-color:#4cae4c}#importBugsJSONBtn{background-color:#f0ad4e}#importBugsJSONBtn:hover{background-color:#eea236}.table-container{overflow-x:auto;background-color:#fff;border-radius:5px;box-shadow:0 2px 8px rgba(0,0,0,.08)}table{width:100%;border-collapse:collapse;margin-top:0}td,th{border:1px solid var(--border-color);padding:12px 15px;text-align:left;vertical-align:middle}th{background-color:var(--medium-gray);font-weight:600;color:var(--dark-gray)}td .actions button{margin-right:3px;padding:2px 6px;font-size:.75em;border:none;border-radius:3px;cursor:pointer;display:inline-flex;align-items:center;vertical-align:middle;transition:background-color .2s ease}td .actions button:last-child{margin-right:0}td .actions button i{margin-right:3px;font-size:.9em;line-height:1}.edit-btn{background-color:var(--pastel-edit-bg);color:var(--pastel-edit-text)}.edit-btn:hover{background-color:var(--pastel-edit-hover)}.clone-btn{background-color:var(--pastel-clone-bg);color:var(--pastel-clone-text)}.clone-btn:hover{background-color:var(--pastel-clone-hover)}.copy-md-btn{background-color:var(--pastel-copy-bg);color:var(--pastel-copy-text)}.copy-md-btn:hover{background-color:var(--pastel-copy-hover)}.delete-btn{background-color:var(--danger-color);color:#fff}.delete-btn:hover{background-color:var(--danger-hover)}.sortable-header{cursor:pointer;position:relative;padding-right:25px}.sortable-header::after,.sortable-header::before{content:"";display:block;position:absolute;right:10px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;opacity:.3}.sortable-header::before{bottom:55%;border-bottom:5px solid var(--text-color)}.sortable-header::after{top:55%;border-top:5px solid var(--text-color)}.sortable-header.sort-asc::before{opacity:1}.sortable-header.sort-asc::after{opacity:.3}.sortable-header.sort-desc::after{opacity:1}.sortable-header.sort-desc::before{opacity:.3}.hidden{display:none!important}#noBugsMessage{text-align:center;padding:25px;font-style:italic;color:#6c757d;background-color:#fff;border-radius:5px;box-shadow:0 2px 8px rgba(0,0,0,.05)}footer{background-color:var(--footer-bg);color:var(--footer-text);text-align:center;padding:1.2em 1em;font-size:.85em;width:100%;box-shadow:0 -2px 5px rgba(0,0,0,.1)}footer a{color:var(--footer-link);text-decoration:none}footer a:focus,footer a:hover{text-decoration:underline;outline:0}footer .footer-disclaimer-link,footer a#viewDisclaimerBtn{color:var(--footer-link);text-decoration:underline;cursor:pointer;margin-left:5px;font-size:inherit;vertical-align:baseline}footer .footer-disclaimer-link:focus,footer .footer-disclaimer-link:hover,footer a#viewDisclaimerBtn:focus,footer a#viewDisclaimerBtn:hover{color:#fff;text-decoration:none;outline:0}dialog{border:1px solid var(--border-color);border-radius:8px;box-shadow:0 5px 20px rgba(0,0,0,.25);padding:0;width:90%;max-width:750px;background-color:#fff;position:fixed;top:5vh;left:50%;transform:translateX(-50%);z-index:2000;overflow:hidden;max-height:90vh}dialog#bugModal[open]{display:flex;flex-direction:column}dialog::backdrop{background-color:rgba(0,0,0,.6);backdrop-filter:blur(3px)}dialog h2,dialog h3{background-color:var(--medium-gray);padding:15px 25px;margin:0;font-size:1.3em;color:var(--dark-gray);border-bottom:1px solid var(--border-color);flex-shrink:0}dialog h3{font-size:1.2em;padding:12px 20px}#bugModal form{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.form-scrollable-content{flex-grow:1;overflow-y:auto;padding:20px 25px}#bugModal .form-scrollable-content>div{margin-bottom:18px}#bugModal .form-scrollable-content>div:last-child{margin-bottom:0}#confirmDialog>p,#disclaimerDialog .dialog-content{padding:25px;max-height:70vh;overflow-y:auto}#confirmDialog>p{max-height:none;overflow-y:visible;padding:20px;margin:0}#disclaimerDialog .dialog-content{padding:0 25px 25px 25px;max-height:60vh;text-align:left;line-height:1.6;font-size:.9em}#disclaimerDialog .dialog-content p{margin-bottom:1em}#disclaimerDialog .dialog-content p:last-child{margin-bottom:0}#disclaimerDialog .dialog-content strong{font-weight:600;color:var(--text-color)}#bugModal label{display:block;margin-bottom:6px;font-weight:500;color:#495057}#bugModal input[type=text],#bugModal select,#bugModal textarea{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:5px;box-sizing:border-box;font-size:.95em;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease}#bugModal input[type=text]:focus,#bugModal select:focus,#bugModal textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 .2rem rgba(0,123,255,.25);outline:0}#bugModal textarea{resize:vertical;min-height:80px}.modal-actions{text-align:right;padding:15px 25px;border-top:1px solid var(--border-color);background-color:var(--light-gray);flex-shrink:0}#confirmDialog .modal-actions,#disclaimerDialog .modal-actions{padding:15px 20px;margin-top:25px}#bugModal .modal-actions{margin-top:0}.modal-actions button{padding:10px 18px;margin-left:10px;border-radius:5px;border:none;cursor:pointer;font-size:.95em;font-weight:500;display:inline-flex;align-items:center;gap:8px;transition:background-color .2s ease}.modal-actions button i{font-size:1em}#confirmYes,#saveBugBtn{background-color:var(--success-color);color:#fff}#confirmYes:hover,#saveBugBtn:hover{background-color:var(--success-hover)}#cancelBugBtn,#closeDisclaimerBtn,#confirmNo{background-color:var(--secondary-color);color:#fff}#cancelBugBtn:hover,#closeDisclaimerBtn:hover,#confirmNo:hover{background-color:var(--secondary-hover)}.modal-header-container{display:flex;justify-content:space-between;align-items:center;background-color:var(--medium-gray);padding:15px 25px;margin:0;border-bottom:1px solid var(--border-color);flex-shrink:0}.modal-header-container h2{margin:0;padding:0;background-color:transparent;border-bottom:none}#copyBugFromModalBtn{padding:8px 12px;font-size:.85em;gap:6px;background-color:var(--pastel-copy-bg);color:var(--pastel-copy-text)}#copyBugFromModalBtn:hover{background-color:var(--pastel-copy-hover)}.screenshots-area{margin-top:10px;padding:10px;border:1px solid var(--border-color);border-radius:5px;background-color:var(--light-gray)}.screenshot-btn{background-color:var(--info-color);margin-right:10px;margin-bottom:10px}.screenshot-btn:hover{background-color:var(--info-hover)}#screenshotPreviews{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}#screenshotPreviews:empty{margin-bottom:0}#screenshotPreviews img{max-width:100px;max-height:100px;border:2px solid var(--border-color);border-radius:4px;object-fit:cover;cursor:pointer;transition:border-color .2s ease,transform .2s ease}#screenshotPreviews img:hover{border-color:var(--danger-color);transform:scale(1.05)}.screenshots-area>small{display:block;margin-top:5px;font-size:.85em;color:#6c757d}.image-paste-container{border:2px dashed var(--border-color);padding:15px;min-height:80px;margin-top:5px;border-radius:5px;background-color:#fff;color:#6c757d;text-align:left;cursor:text;overflow-y:auto;max-height:200px;position:relative}.image-paste-container:focus-within{border-color:var(--primary-color);outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.image-paste-container.empty[data-placeholder]:before{content:attr(data-placeholder);color:#999;position:absolute;top:15px;left:15px;pointer-events:none}.image-paste-container img{max-width:400px!important;height:auto!important;display:block;margin-top:8px;margin-bottom:8px;border:1px solid var(--medium-gray);padding:3px;border-radius:3px}#pdfExportContainer h1,#pdfExportContainer h2,#pdfExportContainer h3{color:#333;border-bottom:1px solid #eee;padding-bottom:5px;margin-top:20px}#pdfExportContainer h1{font-size:24px}#pdfExportContainer h2{font-size:20px}#pdfExportContainer h3{font-size:16px;font-weight:700;margin-bottom:5px}#pdfExportContainer p{margin:5px 0 10px 0;line-height:1.5}#pdfExportContainer strong{font-weight:700}#pdfExportContainer ol,#pdfExportContainer ul{margin-left:20px;padding-left:10px}#pdfExportContainer pre{background-color:#f5f5f5;padding:10px;border-radius:4px;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}#pdfExportContainer code{font-family:monospace}#pdfExportContainer img{max-width:100%!important;height:auto!important;margin-top:10px;margin-bottom:10px;border:1px solid #ccc;display:block}.pdf-bug-separator{page-break-after:always;border-top:2px dashed #ccc;margin-top:30px;padding-top:20px}.pdf-bug-separator:last-child{page-break-after:auto;border-top:none}#toasterContainer{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column-reverse;gap:10px;pointer-events:none}.toast-message{padding:12px 20px;border-radius:6px;color:#fff;font-size:.9em;font-weight:500;background-color:var(--dark-gray);box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;justify-content:space-between;align-items:center;min-width:280px;max-width:400px;opacity:0;transform:translateY(20px);transition:opacity .35s ease-in-out,transform .35s ease-in-out;pointer-events:all;cursor:default}.toast-message.show{opacity:1;transform:translateY(0)}.toast-message.hide{opacity:0}.toast-message .toast-text{flex-grow:1;margin-right:10px}.toast-message .toast-close-btn{background:0 0;border:none;color:inherit;font-size:1.4em;font-weight:700;margin-left:10px;cursor:pointer;padding:0 5px;line-height:1;opacity:.7}.toast-message .toast-close-btn:hover{opacity:1}.toast-message.info{background-color:var(--info-color)}.toast-message.success{background-color:var(--success-color)}.toast-message.error{background-color:var(--danger-color)}.toast-message.warning{background-color:var(--warning-color);color:var(--dark-gray)}.toast-message.warning .toast-close-btn{color:var(--dark-gray)}@media (max-width:768px){header{padding:.6em 1em}header h1{font-size:1.4em}.header-content{flex-direction:column;align-items:flex-start}#returnToODU{font-size:.8em;padding:.5em .8em;margin-top:8px}main{padding:15px}#controls{flex-direction:column;gap:8px}#controls button{width:100%;justify-content:center}td,th{padding:10px 8px;font-size:.9em}td .actions button{font-size:.75em;padding:3px 6px;margin-right:3px}td .actions button i{margin-right:3px}dialog{width:95%;max-height:90vh}#bugModal .form-scrollable-content,#confirmDialog>p,#disclaimerDialog .dialog-content{padding:15px 20px}dialog h2,dialog h3{padding:12px 20px;font-size:1.2em}.modal-actions{padding:12px 20px}.modal-actions button{font-size:.9em;padding:8px 12px}.modal-header-container{flex-direction:column;align-items:flex-start;padding:12px 20px}.modal-header-container h2{margin-bottom:8px}#copyBugFromModalBtn{width:auto;align-self:flex-end;margin-top:5px}#toasterContainer{right:10px;bottom:10px;width:calc(100% - 20px)}.toast-message{min-width:auto;width:100%;box-sizing:border-box}}@media (max-width:480px){header h1{font-size:1.2em}#returnToODU{font-size:.75em}td:nth-child(3),td:nth-child(4),th:nth-child(3),th:nth-child(4){display:none}td:nth-child(6),th:nth-child(6){display:none}.screenshot-btn{width:100%;margin-right:0;justify-content:center}td .actions button{font-size:.7em;padding:2px 5px}td .actions button i{margin-right:2px;font-size:.85em}}