@import "https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400&family=Inter:wght@300;500;800&display=swap";:root{--bg-color:#050505;--panel-bg:#111;--text-main:#fff;--text-dim:#a0a0a0;--bone-color:#e6e6e6;--bone-shadow:#333;--accent:#fff;--danger:#fff;--borders:#333}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:30px 30px;font-family:Inter,sans-serif;line-height:1.6;position:relative;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:100;background:radial-gradient(circle,#0000 50%,#000 150%);position:fixed;inset:0}.app-container{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}@media (width>=1001px){body,.app-container{height:100vh;overflow:hidden}}.header{text-align:center;border-bottom:1px solid var(--borders);background:linear-gradient(#000c 0%,#0000 100%);flex:none;padding:1.5rem 2rem 1rem}.header h1{text-transform:uppercase;letter-spacing:4px;color:var(--text-main);margin-bottom:.5rem;font-family:Courier Prime,monospace;font-size:2.5rem;font-weight:700}.header p{color:var(--text-dim);letter-spacing:2px;text-transform:uppercase;font-size:1rem}.main-content{flex-direction:column;flex:1;width:100%;max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;overflow:hidden}.layout-split{flex-direction:row;align-items:center;gap:3rem;width:100%;height:100%;display:flex;overflow:hidden}@media (width<=1000px){.layout-split{flex-direction:column;align-items:center;height:auto}}.left-panel{flex:none;justify-content:center;align-items:center;width:600px;max-width:100%;height:100%;display:flex}.right-panel{flex-direction:column;flex:1;width:100%;height:100%;padding-right:1rem;display:flex;overflow-y:auto}.right-panel::-webkit-scrollbar{width:8px}.right-panel::-webkit-scrollbar-track{background:var(--bg-color);border:1px solid var(--borders)}.right-panel::-webkit-scrollbar-thumb{background:var(--borders)}.right-panel::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.empty-state{height:100%;min-height:400px;color:var(--text-dim);text-transform:uppercase;border:1px dashed var(--borders);border-radius:12px;justify-content:center;align-items:center;font-family:Courier Prime,monospace;font-size:1.2rem;display:flex}.upload-wrapper{justify-content:center;width:100%;display:flex}.bone-frame{z-index:10;background-image:url("data:image/svg+xml,%3Csvg width='600' height='480' viewBox='0 0 600 480' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter id='glow'%3E%3CfeGaussianBlur stdDeviation='3' result='coloredBlur'/%3E%3CfeMerge%3E%3CfeMergeNode in='coloredBlur'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg stroke='%23ffffff' stroke-width='4' fill='none' stroke-linecap='round' filter='url(%23glow)' opacity='0.85'%3E%3C!-- Spine --%3E%3Cpath d='M300 30 L300 450' stroke-dasharray='10, 18' stroke-width='10'/%3E%3C!-- Left Ribs --%3E%3Cpath d='M300 80 Q 170 50, 80 130'/%3E%3Cpath d='M300 130 Q 140 110, 60 200'/%3E%3Cpath d='M300 180 Q 120 180, 50 270'/%3E%3Cpath d='M300 230 Q 120 250, 60 340'/%3E%3Cpath d='M300 280 Q 140 310, 90 410'/%3E%3Cpath d='M300 330 Q 180 370, 140 450'/%3E%3C!-- Right Ribs --%3E%3Cpath d='M300 80 Q 430 50, 520 130'/%3E%3Cpath d='M300 130 Q 460 110, 540 200'/%3E%3Cpath d='M300 180 Q 480 180, 550 270'/%3E%3Cpath d='M300 230 Q 480 250, 540 340'/%3E%3Cpath d='M300 280 Q 460 310, 510 410'/%3E%3Cpath d='M300 330 Q 420 370, 460 450'/%3E%3C/g%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;justify-content:center;align-items:center;width:600px;max-width:100%;height:480px;transition:transform .3s;display:flex;position:relative}.bone-frame:hover{transform:none}.upload-dropzone{-webkit-backdrop-filter:blur(10px);cursor:pointer;background-color:#05050573;border:1px dashed #ffffff80;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:480px;max-width:90%;height:240px;margin:0 auto;padding:1.5rem;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #000c,0 10px 30px #00000080}.upload-dropzone:before{content:"";pointer-events:none;background:linear-gradient(#ffffff0a,#0000);width:200%;height:200%;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.upload-dropzone:hover{border-color:var(--text-main);background-color:#1414148c}.upload-dropzone.drag-active{border-color:var(--text-main);background-color:#282828a6;box-shadow:0 0 20px #ffffff4d}.upload-icon{width:40px;height:40px;color:var(--text-main);opacity:.9;margin-bottom:1rem}.upload-text{color:var(--text-main);text-align:center;text-transform:uppercase;margin-bottom:.5rem;font-family:Courier Prime,monospace;font-size:1.2rem;font-weight:700}.upload-subtext{color:var(--text-dim);text-align:center;text-transform:uppercase;font-size:.85rem}.upload-btn-fake{background:var(--text-main);color:var(--bg-color);text-transform:uppercase;border-radius:20px;margin-top:1rem;padding:10px 30px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:800}.file-input{display:none}.results-section{flex-direction:column;gap:2rem;width:100%;display:flex}.results-header{border-bottom:1px solid var(--borders);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.section-title{color:var(--text-main);letter-spacing:2px;text-transform:uppercase;font-family:Courier Prime,monospace;font-size:1.2rem}.image-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;display:grid}.image-card{background:var(--panel-bg);border:1px solid var(--borders);flex-direction:column;display:flex;position:relative}.image-preview-container{border-bottom:1px solid var(--borders);background-color:#000;width:100%;padding-top:100%;position:relative;overflow:hidden}.image-preview{object-fit:contain;filter:grayscale()contrast(1.5)brightness(.9);width:100%;height:100%;position:absolute;top:0;left:0}.scanning-line{background:var(--text-main);z-index:5;width:100%;height:1px;animation:1.5s linear infinite scan;position:absolute;top:0;left:0;box-shadow:0 0 8px 2px #ffffff80}@keyframes scan{0%{opacity:0;top:0}10%{opacity:1}90%{opacity:1}to{opacity:0;top:100%}}.card-content{flex-direction:column;flex:1;padding:1.5rem;display:flex}.filename{color:var(--text-dim);word-break:break-all;white-space:nowrap;text-overflow:ellipsis;margin-bottom:1.5rem;font-family:Courier Prime,monospace;font-size:.9rem;overflow:hidden}.result-badge{text-align:center;letter-spacing:1px;text-transform:uppercase;border:1px solid var(--borders);margin-top:auto;padding:.8rem .5rem;font-size:.9rem;font-weight:800}.result-badge.pending{color:var(--text-dim);background-color:#0000}.result-badge.pneumonia{color:var(--bg-color);background-color:var(--text-main);border-color:var(--text-main)}.result-badge.normal{color:var(--text-main);border:1px solid var(--text-main);background-color:#0000}.result-badge.error{color:#f44;cursor:help;background-color:#0000;border:1px solid #f44}.confidence-text{text-align:center;letter-spacing:1px;text-transform:uppercase;margin-top:.5rem;font-family:Courier Prime,monospace;font-size:.78rem}.confidence-pneumonia,.confidence-normal{color:var(--text-dim)}.card-pneumonia{border-color:#ffffff59;box-shadow:0 0 12px #ffffff0f}.queue-summary{color:var(--text-dim);letter-spacing:1px;text-transform:uppercase;margin-top:.3rem;font-family:Courier Prime,monospace;font-size:.78rem}.summary-pneumonia{color:#ccc}.summary-normal{color:#888}.summary-error{color:#f44}.btn{color:var(--text-main);border:1px solid var(--text-main);letter-spacing:2px;text-transform:uppercase;cursor:pointer;background-color:#0000;width:100%;margin-top:1rem;padding:.8rem;font-family:Courier Prime,monospace;font-size:.85rem;font-weight:700;transition:all .2s}.btn:hover:not(:disabled){background-color:var(--text-main);color:var(--bg-color)}.btn:active:not(:disabled){opacity:.8}.btn:disabled{border-color:var(--borders);color:var(--borders);cursor:not-allowed}.btn-predict-all{width:auto;margin:0;padding:.5rem 1rem;font-size:.8rem}.remove-btn{background-color:var(--bg-color);color:var(--text-main);border:1px solid var(--borders);cursor:pointer;z-index:10;border-radius:0;justify-content:center;align-items:center;width:32px;height:32px;font-family:Courier Prime,monospace;transition:all .2s;display:flex;position:absolute;top:10px;right:10px}.remove-btn:hover{background-color:var(--text-main);color:var(--bg-color);border-color:var(--text-main)}.footer{text-align:center;border-top:1px solid var(--borders);flex:none;padding:1rem}.footer p{color:var(--text-dim);letter-spacing:1px;font-family:Courier Prime,monospace;font-size:.8rem}.loader-wrapper{justify-content:center;align-items:center;gap:8px;display:flex}.pulse-dot{background-color:currentColor;border-radius:0;width:6px;height:6px;animation:1s infinite alternate pulse}.pulse-dot:nth-child(2){animation-delay:.2s}.pulse-dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%{opacity:.2;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}@media (width<=768px){.header h1{font-size:1.8rem}.bone-frame{height:380px}.upload-dropzone{height:200px;padding:1rem}.layout-split{gap:1.5rem}.main-content{overflow-y:visible}.right-panel{padding-right:0;overflow-y:visible}}