:root{--ink-color: #0d1b6e;--paper-color: #f4f4f0}body{background-color:var(--paper-color);font-family:Courier New,Courier,monospace;color:var(--ink-color);display:flex;justify-content:center;padding:20px;margin:0}.container{width:100%;max-width:500px;position:relative}.title{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:30px;letter-spacing:2px;text-transform:uppercase}.card-panel{border:2px solid var(--ink-color);padding:20px;border-radius:2px 4px 2px 5px;box-shadow:4px 4px #0d1b6e1a;margin-bottom:20px;background:#fff;display:flex;flex-direction:column;gap:15px}.input-group{margin-bottom:0}.radio-option{display:block;margin-bottom:10px;font-size:1.1rem;cursor:pointer;font-weight:700}textarea{width:100%;height:100px;border:2px solid var(--ink-color);background:transparent;padding:10px;font-family:inherit;font-size:1rem;resize:vertical;box-sizing:border-box;outline:none}textarea:focus{background:#0d1b6e08}.action-btn{background-color:#fff;border:2px solid var(--ink-color);color:var(--ink-color);padding:10px 20px;font-size:1.2rem;font-weight:700;cursor:pointer;align-self:flex-end;box-shadow:3px 3px 0 var(--ink-color);transition:all .1s ease;text-transform:uppercase;font-family:Courier New,Courier,monospace;margin-top:10px;width:100%}.action-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink-color)}.action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:3px 3px 0 var(--ink-color)}.action-btn.secondary{background-color:var(--paper-color);font-size:1rem;margin-top:15px}.response-panel{border:2px dashed var(--ink-color);padding:20px;margin-top:60px;background:#ffffff80;position:relative}.hidden{display:none!important}.card-item{margin:8px 0;font-size:1.1rem;line-height:1.4;border-bottom:1px dotted rgba(13,27,110,.3);padding-bottom:4px}.analysis-text{margin-top:20px;padding-top:20px;border-top:2px dashed var(--ink-color);white-space:pre-wrap;font-size:1.1rem;line-height:1.5}.tabs{display:flex;gap:10px;margin-bottom:20px}.tab-btn{flex:1;padding:12px 20px;font-family:Courier New,Courier,monospace;font-size:1rem;font-weight:700;text-transform:uppercase;border:2px solid var(--ink-color);background:var(--paper-color);color:var(--ink-color);cursor:pointer;transition:all .15s ease}.tab-btn:hover{background:#fff}.tab-btn.active{background:var(--ink-color);color:var(--paper-color)}.section{display:block}.history-table{width:100%;border-collapse:collapse;font-size:.9rem}.history-table th,.history-table td{text-align:left;padding:10px 8px;border-bottom:1px solid rgba(13,27,110,.2)}.history-table th{font-weight:700;text-transform:uppercase;font-size:.8rem;border-bottom:2px solid var(--ink-color)}.history-table tr:hover{background:#0d1b6e08}.history-table .details-cell{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-table .download-btn{padding:6px 12px;font-size:.85rem;font-family:Courier New,Courier,monospace;font-weight:700;border:2px solid var(--ink-color);background:#fff;color:var(--ink-color);cursor:pointer;box-shadow:2px 2px 0 var(--ink-color);transition:all .1s ease}.history-table .download-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink-color)}.history-empty{text-align:center;padding:40px 20px;font-style:italic;color:#0d1b6e80}.text-input{width:100%;padding:12px;border:2px solid var(--ink-color);background:transparent;font-family:inherit;font-size:1rem;box-sizing:border-box;outline:none}.text-input:focus{background:#0d1b6e08}.error-text{color:#c0392b;font-size:.9rem;margin:0;text-align:center}.app-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.app-header .tabs{flex:1;margin-bottom:0}.logout-btn{padding:12px 16px;font-family:Courier New,Courier,monospace;font-size:.85rem;font-weight:700;text-transform:uppercase;border:2px solid var(--ink-color);background:transparent;color:var(--ink-color);cursor:pointer;transition:all .15s ease}.logout-btn:hover{background:#0d1b6e0d}.job-info{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;margin-bottom:15px;background:#0d1b6e0d;border:1px solid rgba(13,27,110,.2);font-size:.85rem}.job-id{font-weight:700;opacity:.6}.job-cost{font-weight:700;color:#27ae60}.job-tokens{opacity:.6}.cost-cell{font-weight:700;color:#27ae60}.progress-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;margin-bottom:15px;background:#0d1b6e0d;border:1px solid rgba(13,27,110,.2);font-size:.85rem}.progress-status{font-weight:700;color:var(--ink-color)}.progress-cards{margin-top:15px;padding-top:15px;border-top:1px dashed rgba(13,27,110,.3)}.spinner{display:flex;justify-content:center;padding:30px 0}.spinner-cards{display:flex;gap:10px}.spinner-card{font-size:2.5rem;animation:card-flip 1.5s ease-in-out infinite;opacity:.7}.spinner-card:nth-child(1){animation-delay:0s}.spinner-card:nth-child(2){animation-delay:.2s}.spinner-card:nth-child(3){animation-delay:.4s}@keyframes card-flip{0%,to{transform:rotateY(0) scale(1);opacity:.4}50%{transform:rotateY(180deg) scale(1.1);opacity:1}}.job-error{text-align:center;padding:20px}.job-error .job-id{display:block;margin-bottom:10px}.job-error .error-message{color:#c0392b;font-weight:700;margin:0}.admin-form{margin-bottom:30px}.admin-form h3{margin-top:0;margin-bottom:15px}.admin-form .input-group{margin-bottom:12px}.checkbox-option{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:700;padding:10px 0;margin-top:5px}.checkbox-option input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--ink-color)}.success-text{color:#27ae60;font-size:.9rem;margin:10px 0 0;text-align:center}.delete-btn{padding:6px 12px;font-size:.85rem;font-family:Courier New,Courier,monospace;font-weight:700;border:2px solid #c0392b;background:#fff;color:#c0392b;cursor:pointer;box-shadow:2px 2px #c0392b;transition:all .1s ease}.delete-btn:active{transform:translate(1px,1px);box-shadow:1px 1px #c0392b}.delete-btn:disabled{opacity:.5;cursor:not-allowed}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header .title{margin:0;font-size:2rem}.burger-btn{width:40px;height:40px;padding:8px;background:transparent;border:2px solid var(--ink-color);cursor:pointer;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.burger-btn span{display:block;width:20px;height:2px;background:var(--ink-color);transition:all .2s ease}.burger-btn.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.burger-btn.active span:nth-child(2){opacity:0}.burger-btn.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav-menu{position:absolute;top:80px;right:20px;background:#fff;border:2px solid var(--ink-color);box-shadow:4px 4px #0d1b6e33;z-index:100;min-width:180px}.nav-link{display:block;padding:15px 20px;font-family:Courier New,Courier,monospace;font-size:1rem;font-weight:700;text-transform:uppercase;color:var(--ink-color);text-decoration:none;border:none;background:transparent;cursor:pointer;width:100%;text-align:left;box-sizing:border-box}.nav-link:hover{background:#0d1b6e0d}.nav-link:not(:last-child){border-bottom:1px solid rgba(13,27,110,.2)}.nav-logout{color:#c0392b}.page{display:block}.page.hidden{display:none!important}@media (max-width: 600px){body{padding:10px}.card-panel{padding:12px}.header .title{font-size:1.4rem}.title{font-size:1.8rem}#page-history .history-table thead{display:none}#page-history .history-table,#page-history .history-table tbody,#page-history .history-table tr,#page-history .history-table td{display:block}#page-history .history-table tr{margin-bottom:12px;padding:10px 0;border-bottom:2px solid rgba(13,27,110,.15)}#page-history .history-table tr:last-child{margin-bottom:0;border-bottom:none}#page-history .history-table td{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:none}#page-history .history-table td:before{font-weight:700;text-transform:uppercase;font-size:.75rem;margin-right:10px;flex-shrink:0;opacity:.6}#page-history .history-table td:nth-child(1):before{content:"Date"}#page-history .history-table td:nth-child(2):before{content:"Question"}#page-history .history-table td:nth-child(3):before{content:"Details"}#page-history .history-table td:nth-child(4):before{content:"Cost"}#page-history .history-table td:nth-child(5):before{content:"PDF"}#page-history .history-table .details-cell{max-width:none;white-space:normal}#page-admin .card-panel{overflow-x:auto}.nav-menu{right:0}}
