#app{width:100%;height:100%}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#f5f5f5;color:#333;font-size:14px;line-height:1.5}.container{max-width:1200px;margin:0 auto;padding:20px}.text-center{text-align:center}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.login-box{background:#fff;padding:40px;border-radius:10px;box-shadow:0 10px 25px #0000001a;width:100%;max-width:400px}.login-title{font-size:24px;font-weight:600;color:#2c3e50;margin-bottom:30px}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:500;color:#555}.form-input{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s}.form-input:focus{outline:none;border-color:#667eea}.btn{padding:12px 24px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message{color:#f56c6c;font-size:12px;margin-top:5px}.cases-container{padding:20px}.header{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;align-items:center}.header-title{font-size:20px;font-weight:600;color:#2c3e50}.header-actions{display:flex;gap:10px}.btn-secondary{background:#f5f5f5;color:#666}.btn-secondary:hover{background:#e0e0e0}.btn-danger{background:#f56c6c;color:#fff}.btn-danger:hover{background:#f45454}.cases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.case-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000000d;transition:all .3s;cursor:pointer}.case-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.case-card.selected{border:2px solid #667eea}.case-header{margin-bottom:15px}.case-id{font-size:12px;color:#999;margin-bottom:5px}.case-name{font-size:16px;font-weight:600;color:#2c3e50}.case-info{font-size:14px;color:#666;margin-bottom:8px}.case-type{display:inline-block;padding:4px 12px;background:#ecf5ff;color:#409eff;border-radius:4px;font-size:12px}.empty-state{text-align:center;padding:60px 20px;color:#999}.loading{text-align:center;padding:60px 20px;color:#666}.tabs{display:flex;gap:10px;margin-bottom:20px}.tab{padding:10px 20px;background:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .3s}.tab.active{background:#667eea;color:#fff}