.app-container{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333;font-size:.875rem}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-container{max-width:1200px;margin:0 auto;padding:2rem}.card{background:#fff;border-radius:12px;padding:1.25rem;margin-bottom:1.5rem;box-shadow:0 4px 6px #0000001a}.btn{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-secondary{background:#6c757d;color:#fff}.btn-danger{background:#dc3545;color:#fff}.btn:disabled{opacity:.6;cursor:not-allowed}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.4rem;font-weight:600;color:#555;font-size:.8rem}.form-input,.form-select,.form-textarea{width:100%;padding:.5rem;border:2px solid #e0e0e0;border-radius:6px;font-size:.8rem;transition:border-color .3s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#667eea}.form-textarea{min-height:100px;resize:vertical}.upload-area{border:3px dashed #667eea;border-radius:12px;padding:3rem;text-align:center;background:#f8f9fa;cursor:pointer;transition:all .3s ease}.upload-area:hover{background:#e9ecef;border-color:#764ba2}.upload-area.dragover{background:#e7edff;border-color:#667eea}.score-display{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0}.score-item{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem;border-radius:8px;text-align:center}.score-label{font-size:.75rem;opacity:.9;margin-bottom:.4rem}.score-value{font-size:1.5rem;font-weight:700}.loading{text-align:center;padding:2rem}.spinner{border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.essay-list{display:grid;gap:1rem}.essay-item{background:#f8f9fa;padding:1.5rem;border-radius:8px;border-left:4px solid #667eea;display:flex;justify-content:space-between;align-items:center}.essay-item:hover{background:#e9ecef}.feedback-section{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-top:1.5rem}.feedback-section h3{margin-bottom:1rem;color:#667eea}.comment-item{margin-bottom:1rem;padding:1rem;background:#fff;border-radius:6px;border-left:3px solid #667eea}.comment-label{font-weight:600;margin-bottom:.5rem;color:#555}.error-message{background:#f8d7da;color:#721c24;padding:1rem;border-radius:8px;margin:1rem 0}.success-message{background:#d4edda;color:#155724;padding:1rem;border-radius:8px;margin:1rem 0}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem}.auth-card{background:#fff;border-radius:12px;padding:2.5rem;width:100%;max-width:400px;box-shadow:0 4px 6px #0000001a}.btn-link{background:none;border:none;color:#667eea;cursor:pointer;text-decoration:underline;font-size:.9rem}.btn-link:hover{color:#764ba2}.token-display{background:#fff3;padding:1rem;border-radius:8px;margin-top:1rem;display:inline-block}.token-info{display:flex;align-items:center;gap:1rem}.token-label{font-weight:600;opacity:.9}.token-value{font-size:1.1rem;font-weight:700;color:#fff}.token-value.low{color:#ffc107}.token-warning{margin-top:.5rem;font-size:.9rem;color:#ffc107;font-weight:600}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;max-width:100%}.essays-table{min-width:600px;width:100%}@media(max-width:768px){.app-container{padding:.5rem;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.card{padding:.75rem;margin-bottom:1rem;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}body{font-size:.8125rem}h1{font-size:1.5rem!important}h2{font-size:1.25rem!important}h3{font-size:1rem!important}nav{flex-direction:column!important;gap:.5rem!important}nav button{width:100%}header{padding:1rem 0!important}header>div{flex-direction:column!important;gap:.5rem!important}.table-responsive{overflow-x:visible;width:100%;max-width:100%;margin:0;padding:0}.essays-table{min-width:0!important;width:100%!important;max-width:100%}.essays-table,.essays-table thead,.essays-table tbody,.essays-table th,.essays-table td,.essays-table tr{display:block;width:100%;max-width:100%;box-sizing:border-box}.essays-table thead tr{position:absolute;top:-9999px;left:-9999px}.essays-table tr{border:1px solid #ccc;margin-bottom:.75rem;padding:.75rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;width:100%;max-width:100%;box-sizing:border-box}.essays-table td{border:none;position:relative;padding:.5rem .5rem .5rem 35%!important;text-align:left;border-bottom:1px solid #eee;font-size:.75rem!important;width:100%;max-width:100%;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word}.essays-table td[style*=fontSize]{font-size:.75rem!important}.essays-table td:last-child{border-bottom:none}.essays-table td:before{content:attr(data-label);position:absolute;left:.5rem;width:30%;font-weight:700;font-size:.75rem;color:#667eea}.essays-table td:first-child:before{content:"";display:none}.essays-table td:first-child{padding-left:.5rem!important}div[style*=gridTemplateColumns]{grid-template-columns:1fr!important}.form-group{margin-bottom:1rem}.upload-area{padding:1.5rem!important}.score-display{grid-template-columns:1fr!important;gap:.75rem!important}.score-item{padding:.75rem!important}.score-label{font-size:.7rem!important;margin-bottom:.3rem!important}.score-value{font-size:1.2rem!important}table[style*=borderCollapse]{font-size:.75rem}table[style*=borderCollapse] th,table[style*=borderCollapse] td{padding:.5rem!important;font-size:.75rem!important}.auth-card{padding:1.5rem;margin:1rem}.btn{padding:.6rem .9rem;font-size:.85rem}.token-info{flex-direction:column;gap:.5rem;text-align:center}div[style*=gridTemplateColumns]:not([style*="1fr 1fr auto"]){grid-template-columns:1fr!important}}@media(max-width:480px){body{font-size:.75rem}.card{padding:.75rem}h1{font-size:1.25rem!important}h2{font-size:1.1rem!important}.btn{padding:.5rem .75rem;font-size:.8rem}}@media print{.btn,nav,header{display:none!important}.card{box-shadow:none;border:1px solid #ddd}}